@extends('layouts.app')

@section('title', 'Autorizar Anulacion de Ingreso')

@php
    $estadoTexto = 'SOLICITA ANULACION';
    $proyectoTexto = trim(($item->proyecto_codigo ?? '') . ' - ' . ($item->proyecto_nombre ?? ''));
    $codigoIngresoTexto = trim(($item->codigo_ingreso_codigo ?? '') . ' - ' . ($item->codigo_ingreso_nombre ?? ''));
    $codigoIngresoDetalleTexto = trim(($item->codigo_ingreso_detalle_codigo ?? '') . ' - ' . ($item->codigo_ingreso_detalle_nombre ?? ''));
@endphp

@section('content')
<style>
    .inputcentrado {
        text-align: center;
        font-weight: bold;
        font-size: 22px;
    }

    .panel {
        background: #fff;
        border: 1px solid #d9dee3;
        border-radius: 6px;
        margin-bottom: 20px;
        overflow: hidden;
    }

    .panel-primary {
        border-color: #374c62;
    }

    .panel-primary > .panel-heading {
        background: #374c62;
        color: #fff;
        padding: 12px 15px;
        font-weight: 700;
        font-size: 15px;
    }

    .panel-body {
        padding: 18px;
    }

    .separador {
        border: 0;
        border-top: 1px solid #e5e5e5;
        margin: 18px 0;
    }

    .panel-danger {
        border: 1px solid #dc3545;
        border-radius: 6px;
        background: #fff5f5;
        padding: 18px;
    }

    .panel-danger label,
    .panel-danger .form-control {
        color: #b02a37;
        font-weight: 700;
    }
</style>

<div class="container">
    <div class="row justify-content-center">
        <div class="col-lg-8">
            <div class="d-flex justify-content-end mb-3">
                <a href="{{ route('admin.ingreso-anular.index') }}" class="btn btn-outline-secondary">
                    <i class="fas fa-arrow-left me-2"></i>Volver
                </a>
            </div>

            <div class="panel panel-primary shadow-sm">
                <div class="panel-heading">CAJA INGRESO</div>

                <div class="panel-body">
                    <div class="row g-2">
                        <div class="col-md-3">
                            <label class="form-label">FECHA</label>
                            <input readonly class="form-control inputcentrado" type="text" value="{{ \Carbon\Carbon::parse($item->fecha_movimiento)->format('d-m-Y') }}">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">SERIE</label>
                            <input readonly class="form-control inputcentrado" type="text" value="{{ $item->serie }}" style="color:red;">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">NUMERO</label>
                            <input readonly class="form-control inputcentrado" type="text" value="{{ $item->numero }}" style="color:red;">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">CODIGO</label>
                            <input readonly class="form-control inputcentrado" type="text" value="{{ $item->codigo }}" style="color:blue;">
                        </div>
                    </div>

                    <hr class="separador" style="height: 3px; background-color: #374c62; border: none; margin: 30px 0; opacity: 1;">

                    <div class="row g-2">
                        <div class="col-md-2">
                            <label class="form-label">COMPRA</label>
                            <input readonly class="form-control inputcentrado" type="text" value="{{ number_format((float) ($item->compra ?? 0), 2, '.', '') }}">
                        </div>
                        <div class="col-md-2">
                            <label class="form-label">VENTA</label>
                            <input readonly class="form-control inputcentrado" type="text" value="{{ number_format((float) ($item->venta ?? 0), 2, '.', '') }}">
                        </div>
                        <div class="col-md-8">
                            <label class="form-label">PROYECTO</label>
                            <input readonly class="form-control" type="text" value="{{ $proyectoTexto }}">
                        </div>
                    </div>

                    <div class="row g-2 mt-3">
                        <div class="col-md-4">
                            <label class="form-label">DNI CLIENTE</label>
                            <input readonly class="form-control inputcentrado" type="text" value="{{ $item->cliente_dni }}">
                        </div>
                    </div>

                    <div class="row g-2 mt-3">
                        <div class="col-md-4">
                            <label class="form-label">NOMBRES</label>
                            <input readonly class="form-control" type="text" value="{{ $item->cliente_nombres }}">
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">APELLIDO PATERNO</label>
                            <input readonly class="form-control" type="text" value="{{ $item->cliente_apellido_paterno }}">
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">APELLIDO MATERNO</label>
                            <input readonly class="form-control" type="text" value="{{ $item->cliente_apellido_materno }}">
                        </div>
                    </div>

                    <div class="row g-2 mt-3">
                        <div class="col-md-10">
                            <label class="form-label">CODIGO INGRESO</label>
                            <input readonly class="form-control" type="text" value="{{ $codigoIngresoTexto }}">
                        </div>
                    </div>

                    <div class="row g-2 mt-2">
                        <div class="col-md-12">
                            <label class="form-label">CODIGO INGRESO DETALLE</label>
                            <input readonly class="form-control" type="text" value="{{ $codigoIngresoDetalleTexto }}">
                        </div>
                    </div>

                    <div class="row g-2 mt-3">
                        <div class="col-md-12">
                            <label class="form-label">CARGADO A:</label>
                            <input readonly class="form-control" type="text" value="{{ $item->concepto }}">
                        </div>
                    </div>

                    <div class="row g-2 mt-2">
                        <div class="col-md-4">
                            <label class="form-label">MONTO SOLES</label>
                            <input readonly class="form-control inputcentrado" type="text" value="{{ number_format((float) $item->monto, 2, '.', ',') }}">
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">MONTO DOLARES</label>
                            <input readonly class="form-control inputcentrado" type="text" value="{{ number_format((float) $item->monto_dolar, 2, '.', ',') }}">
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">ESTADO</label>
                            <input readonly class="form-control inputcentrado" type="text" value="{{ $estadoTexto }}">
                        </div>
                    </div>

                    <div class="row g-2 mt-2">
                        <div class="col-md-12">
                            <label class="form-label">POR:</label>
                            <input readonly class="form-control" type="text" value="{{ $item->detalle }}">
                        </div>
                    </div>

                    <hr class="separador">

                    <form method="POST" action="{{ route('admin.ingreso-anular.update', $item->id) }}">
                        @csrf
                        @method('PUT')

                        <div class="panel-danger">
                            <div class="row g-3">
                                <div class="col-12">
                                    <label class="form-label">MOTIVO DE LA ANULACION</label>
                                    <textarea class="form-control" rows="4" readonly>{{ $item->motivo_anulacion }}</textarea>
                                </div>
                                <div class="col-12">
                                    <button type="submit" class="btn btn-danger">
                                        <i class="fas fa-check-circle me-2"></i>Ejecutar Orden de Anulacion
                                    </button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
