@extends('layouts.app')

@section('content')
    {{-- @dump($data) --}}
    <!-- end sidebar menu -->
    <!-- start page content -->
    <div class="page-content-wrapper">
        <div class="page-content">
            <div class="page-bar">
                <div class="page-title-breadcrumb">
                    <div class="pull-left">
                        <div class="page-title text-primary">Programaciones</div>
                    </div>
                    <ol class="breadcrumb page-breadcrumb pull-right">
                        <li><i class="fa fa-home"></i>&nbsp;<a class="parent-item"
                                href="{{ url('/dashboard') }}">Inicio</a>&nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                        <li><i class="fa fa-users"></i>&nbsp;<a class="parent-item"
                                href="{{ url('/servicios_funerarios') }}">Listado de
                                Ordenes Servicios Funerarios</a>&nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                        <li class="active">Programaciones</li>
                    </ol>
                </div>
            </div>
            <!-- start widget -->
            <!-- start admited patient list -->
            <div class="row">
                <div class="col-md-3">
                    <!-- Profile Image -->
                    <div class="card card-primary card-outline">
                        <div class="card-head">
                            <header>Orden # {{ $data->orden_producto_numero }}</header>
                        </div>
                        <div class="card-body box-profile">
                            <ul class="list-group list-group-unbordered mb-3">
                                <li class="list-group-item">
                                    <b>Cliente</b> <a class="float-right">{{ $data->cliente->cliente_nombres }}
                                        {{ $data->cliente->cliente_apellido1 }}</a>
                                </li>
                                <li class="list-group-item">
                                    <b>Documento Cliente</b> <a
                                        class="float-right">{{ $data->cliente->cliente_documento }}</a>
                                </li>
                                <li class="list-group-item">
                                    <b>¿Incluye Letra Cambio?</b>
                                    <a class="float-right">
                                        @if ($data->orden_producto_letra_cambio == 1)
                                            Si
                                        @else
                                            No
                                        @endif
                                    </a>
                                </li>
                                <li class="list-group-item">
                                    <b>Letra de cambio #</b> <a class="float-right">
                                        @if ($data->orden_producto_letra_cambio == 1)
                                            {{ $data->orden_producto_letra_cambio_numero }}
                                        @else
                                            No Aplica
                                        @endif
                                    </a>
                                </li>
                                <li class="list-group-item">
                                    <b>Cantidad de Cuotas</b> <a
                                        class="float-right">{{ $data->orden_producto_letra_cambio_cuotas }}</a>
                                </li>
                                <li class="list-group-item">
                                    <b></b>Valor Letra De Cambio<a class="float-right">
                                        ₡ {{ number_format($data->orden_producto_letra_cambio_valor, 2, '.', ',') }} </a>
                                </li>
                                <li class="list-group-item">
                                    <b>Valor Primer Pago en Caja</b>
                                    <a class="float-right">
                                        ₡ {{ number_format($data->orden_producto_valor_a_pagar, 2, '.', ',') }}
                                    </a>
                                </li>
                                <li class="list-group-item">
                                    <b>Valor Total</b> <a class="float-right">
                                        ₡
                                        {{ number_format($data->orden_producto_valor_a_pagar + $data->orden_producto_letra_cambio_valor, 2, '.', ',') }}
                                    </a>
                                </li>
                                <li class="list-group-item">
                                    @php
                                        $valor = $controller->getValorTotalPagado($data->orden_producto_id);
                                    @endphp
                                    <b>Valor Pagado</b> <a class="float-right">₡{{ number_format($valor, 2, '.', ',') }}</a>
                                </li>
                                <li class="list-group-item">
                                    @php
                                        $saldo = $controller->getSaldoPendiente($data->orden_producto_id);
                                    @endphp
                                    <b>Saldo Pendiente</b> <a class="float-right">
                                        {{ number_format($saldo, 2, '.', ',') }}
                                    </a>
                                </li>
                                <li class="list-group-item">
                                    <b>Observacion</b> <a class="float-right">{{ $data->orden_producto_observacion }}</a>
                                </li>
                                <li class="list-group-item">
                                    <b>Estado</b>

                                    @if ($data->orden_producto_estado == 1)
                                        <span class="badge badge-primary float-right">
                                            Por Pagar
                                        </span>
                                    @elseif($data->orden_producto_estado == 2)
                                        <span class="badge badge-info float-right">
                                            Anulada
                                        </span>
                                    @elseif($data->orden_producto_estado == 3)
                                        <span class="badge badge-warning float-right">
                                            Pagada Parcial
                                        </span>
                                    @elseif($data->orden_producto_estado == 4)
                                        <span class="badge badge-success float-right">
                                            Pagada Total
                                        </span>
                                    @elseif($data->orden_producto_estado == 5)
                                        <span class="badge badge-info float-right">
                                            Guardada
                                        </span>
                                    @else
                                        <span class="badge badge-danger float-right">
                                            Utilizado
                                        </span>
                                    @endif

                                </li>
                                <hr>
                                @if ($data->orden_producto_estado == 5)
                                {{-- updateOrden-producto --}}
                                    @if (auth()->user()->hasPermissionTo('updateOrden-producto'))
                                        <a 
                                            class="btn btn-primary btn-block" 
                                            href="{{ url('servicios_funerarios/editar-orden/' . $data->orden_producto_id) }}">
                                            <i class="fa fa-pencil-square-o"></i> Actualizar
                                        </a>
                                    @endif
                                @endif
                                @if ($data->orden_producto_estado == 5 && $data->orden_producto_avance != 5)
                                    <a class="btn btn-success btn-block"
                                        href="{{ url('orden-letra-create/' . $data->orden_producto_id) }}">
                                        Continuar
                                        <i class="fa fa-arrow-right">
                                        </i>
                                    </a>
                                @endif
                                @if ($data->orden_producto_estado == 5 && $data->orden_producto_avance == 5)
                                    <form action="{{ url('orden/generar-definitiva/' . $data->orden_producto_id) }}"
                                        method="post">
                                        @csrf

                                        <button type="submit" class="btn btn-primary btn-block my-1"><i
                                                class="fa fa-gears"></i> Generar Orden Definitiva</button>
                                    </form>
                                @endif
                                @if (auth()->user()->hasPermissionTo('anularOrden-producto'))
                                <a class="btn btn-danger btn-block" onclick="anular({{$data->orden_producto_id}})"><i class="fa fa-trash"></i> Anular</a>
                                @endif
                                <a class="btn btn-warning btn-block" href="{{ url('servicios_funerarios') }}">
                                    < Volver</a>
                            </ul>
                        </div>
                        <!-- /.card-body -->
                    </div>
                    <!-- /.card -->
                </div>
                <div class="col-md-9">
                    <div class="card">
                        <div class="card-header p-2">
                            <ul class="nav nav-pills">
                                <li class="nav-item"><a class="nav-link active" href="#beneficios_contrato"
                                        data-toggle="tab">Información General</a></li>
                                        {{-- productsOrden-producto --}}
                                @if (auth()->user()->hasPermissionTo('productsOrden-producto'))
                                        <li class="nav-item"><a class="nav-link" href="#productos" data-toggle="tab">Productos</a>
                                        </li>
                                @endif
                                <li class="nav-item"><a class="nav-link" href="#paquetes_generados"
                                        data-toggle="tab">Paquetes</a></li>
                                <li class="nav-item"><a class="nav-link" href="#informacion_letra"
                                        data-toggle="tab">Información Letra</a></li>
                                <li class="nav-item"><a class="nav-link" href="#cobros_generados"
                                        data-toggle="tab">Cobros</a></li>
                                        {{-- view-pagoOrden-producto --}}
                                @if (auth()->user()->hasPermissionTo('view-pagoOrden-producto'))                                    
                                    <li class="nav-item"><a class="nav-link" href="#pagos_generados" data-toggle="tab">Pagos</a>
                                    </li>
                                @endif
                                <li class="nav-item"><a class="nav-link" href="#documentos_adjuntos"
                                        data-toggle="tab">Formato y Adjuntos</a></li>

                                <li class="nav-item"><a class="nav-link" href="#encuesta_generada"
                                        data-toggle="tab">Encuestas</a></li>
                                <li class="nav-item"><a class="nav-link" href="#programacion_generado"
                                        data-toggle="tab">Programación</a></li>
                            </ul>
                        </div>
                    </div>

                    <div class="card-body">
                        <div class="tab-content">


                            <div class="tab-pane active" id="beneficios_contrato">

                                <div id="tablaContratos">

                                </div>
                            </div>


                            <div class="tab-pane card p-5" id="productos">
                                @if ($data->orden_producto_estado == 5)
                                    <a class="btn btn-primary float-rigth"
                                        href="{{ url('servicios_funerarios/edit-orden/' . $data->orden_producto_id) }}">
                                        Agregar productos
                                    </a>
                                @endif

                                <br>

                                <hr>
                                <div id="tablaProductos">

                                </div>

                            </div>

                            <div class="tab-pane" id="cobros_generados">
                                Cobros
                                <br>

                                <hr>
                                <div id="tablaCobros">

                                </div>

                            </div>

                            <div class="tab-pane" id="pagos_generados">
                                Pagos
                                <br>

                                <hr>
                                <div id="tablaPagos">

                                </div>

                            </div>

                            <div class="tab-pane card container p-5" id="informacion_letra">
                                @if ($data->orden_producto_estado == 5)
                                    <div>
                                        <a href="{{ url('orden-letra-create/' . $data->orden_producto_id) }}"
                                            class="btn btn-info">Modificar</a>
                                    </div>
                                @endif
                                <div id="tablaLetras">

                                </div>
                            </div>

                            <div class="tab-pane " id="programacion_generado">

                                @if (auth()->user()->hasPermissionTo('indexServicio-programacion'))
                                    <div id="tablaProgramacion">
                                    </div>
                                @endif

                            </div>

                            <div class="tab-pane card p-5" id="documentos_adjuntos">
                                <div class="col-md-12 text-right mb-3">
                                    @if (auth()->user()->hasPermissionTo('create-ajaxOrden-producto-adjunto'))
                                        <a data-toggle="modal" data-target="#agregar_adjunto" class="btn btn-primary">
                                            <i class="fa fa-plus"></i> Agregar Adjunto
                                        </a>
                                    @endif
                                </div>
                                <div id="tablaDocumento">

                                </div>

                            </div>

                            @if (auth()->user()->hasPermissionTo('indexServicio-combo'))
                                <div class="tab-pane card p-5" id="paquetes_generados">
                                    @if ($data->orden_producto_estado == 5)
                                        <a class="btn btn-primary float-rigth"
                                            href="{{ url('servicios_funerarios/edit-orden/' . $data->orden_producto_id) }}">
                                            Agregar Paquetes
                                        </a>
                                    @endif
                                    <div id="tablaPaquete">

                                    </div>
                                </div>
                            @endif


                            <div class="tab-pane" id="encuesta_generada">

                                <div id="tablaEncuesta" class="card">

                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="modal fade" id="agregar_adjunto" tabindex="-1" role="dialog"
                    aria-labelledby="exampleModalLabel" style="display: none;" aria-hidden="true">
                    <div class="modal-dialog modal-lg" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h4 class="modal-title" id="exampleModalLabel">Agregar Adjunto</h4>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">×</span>
                                </button>
                            </div>
                            {!! Form::open([
                                'url' => 'orden-servicio/create/documento/' . $data->orden_producto_id,
                                'method' => 'post',
                                'role' => 'form',
                                'id' => 'frmAdjuntarArchivos',
                                'enctype' => 'multipart/form-data',
                            ]) !!}
                            <div class="modal-body">
                                <div class="row col-md-12">
                                    {!! Form::mtext(
                                        'nombre',
                                        null,
                                        'Nombre del
                                                        archivo',
                                        $errors,
                                        12,
                                        true,
                                        true,
                                        [['onkeyup' => 'javascript:this.value=this.value.toUpperCase()']],
                                    ) !!}
                                </div>
                                <div class="row col-md-12">
                                    <div class="row col-md-12">
                                        <label for="foto" class="form-label">Archivo</label>
                                        <input type="file" class="form-control" name="archivo" id="archivo">
                                    </div>
                                </div>
                                <div class="row col-md-12">
                                    {!! Form::mtextAr('observaciones', null, 'Observación', $errors, 12) !!}
                                </div>
                            </div>
                            <div class="modal-footer text-center">

                                <button type="submit" class="btn btn-primary"><!--<i class="fa fa-times"></i>-->
                                    Guardar</button>
                                <button type="button" class="btn btn-warning"
                                    data-dismiss="modal"><!--<i class="fa fa-times"></i>-->
                                    Cancelar</button>
                            </div>
                            {!! Form::close() !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection

@section('script')
    <script type="text/javascript">
        // Guardar el último tab pane activo en localStorage
        $('a[data-toggle="tab"]').on('shown.bs.tab', function(e) {
            var id = $(e.target).attr('href');
            localStorage.setItem('lastTab', id);
        });

        // Setear el último tab pane activo en la página
        var lastTab = localStorage.getItem('lastTab');
        if (lastTab) {
            $('a[href="' + lastTab + '"]').tab('show');
        }


        listar(1)
        listarLetras(1)
        listarProductos(1)
        listarCobros(1)
        listarPaquete(1)
        listarPagos(1)
        listarDocumentos(1)
        listarEncuesta(1)
        listarProgramacion(1)

        $(document).ready(() => {
            $(document).on('click', '.pagination a', function(event) {

                event.preventDefault()
                $('li').removeClass('active')
                $(this).parent('li').addClass('active')
                page = $(this).attr('href').split('page=')[1]
                listar(page)
                listarLetras(page)
                listarProductos(page)
                listarCobros(page)
                listarPaquete(page)
                listarPagos(page)
                listarDocumentos(page)
                listarEncuesta(page)
                listarProgramacion(page)
            })
        })


        function listar(page) {
            let url = "{{ url('orden-detail-ajax', $data->orden_producto_id) }}";
            $.ajax({
                url: url + '?page=' + page,
            }).done((data) => {
                $('#tablaContratos').html(data)
                /*  console.log(data) */
            }).fail((jqXHR, ajaxOptions, thrownError) => {
                alert('No response from server')
            })
        }

        function listarLetras(page) {
            let url = "{{ url('orden-detail-letra-ajax', $data->orden_producto_id) }}";
            $.ajax({
                url: url + '?page=' + page,
            }).done((data) => {
                $('#tablaLetras').html(data)
                /*  console.log(data) */
            }).fail((jqXHR, ajaxOptions, thrownError) => {
                alert('No response from server')
            })
        }

        function listarProductos(page) {
            let url = "{{ url('orden-detail-producto-ajax', $data->orden_producto_id) }}";
            $.ajax({
                url: url + '?page=' + page,
            }).done((data) => {
                $('#tablaProductos').html(data)
                /*  console.log(data) */
            }).fail((jqXHR, ajaxOptions, thrownError) => {
                //alert('No response from server')
            })
        }

        function listarPaquete(page) {
            let url = "{{ url('orden-detail-paquetes-ajax', $data->orden_producto_id) }}";
            $.ajax({
                url: url + '?page=' + page,
            }).done((data) => {
                $('#tablaPaquete').html(data)
                /* console.log(data) */
            }).fail((jqXHR, ajaxOptions, thrownError) => {
                alert('No response from server')
            })
        }

        function listarCobros(page) {
            let url = "{{ url('orden-detail-cobros-ajax', $data->orden_producto_id) }}";
            $.ajax({
                url: url + '?page=' + page,
            }).done((data) => {
                $('#tablaCobros').html(data)
                /* console.log(data) */
            }).fail((jqXHR, ajaxOptions, thrownError) => {
                alert('No response from server')
            })
        }

        function listarPagos(page) {
            let url = "{{ route('pago_productos_orden', $data->orden_producto_id) }}";
            $.ajax({
                url: url + '?page=' + page,
            }).done((data) => {
                $('#tablaPagos').html(data)
                /* console.log(data) */
            }).fail((jqXHR, ajaxOptions, thrownError) => {
                //alert('No response from server')
            })
        }

        function listarDocumentos(page) {
            let url = "{{ url('orden-detail-documentos-ajax', $data->orden_producto_id) }}";
            $.ajax({
                url: url + '?page=' + page,
            }).done((data) => {
                $('#tablaDocumento').html(data)
                /* console.log(data) */
            }).fail((jqXHR, ajaxOptions, thrownError) => {
                //alert('No response from server')
            })
        }

        function listarEncuesta(page) {
            let url = "{{ url('orden-detail-encuestas-ajax', $data->orden_producto_id) }}";
            $.ajax({
                url: url + '?page=' + page,
            }).done((data) => {
                $('#tablaEncuesta').html(data)
                /* console.log(data) */
            }).fail((jqXHR, ajaxOptions, thrownError) => {
                //alert('No response from server')
            })
        }

        function listarProgramacion(page) {
            let url = "{{ url('orden-detail-programacion-ajax', $data->orden_producto_id) }}";
            $.ajax({
                url: url + '?page=' + page,
            }).done((data) => {
                $('#tablaProgramacion').html(data)
                /* console.log(data) */
            }).fail((jqXHR, ajaxOptions, thrownError) => {
                alert('No response from server')
            })
        }



        function confirmar(id) {

            Swal.fire({
                title: 'Confirmar',
                text: '¿Está seguro de que desea anular este pago?',
                icon: 'question',
                showCancelButton: true,
                confirmButtonText: `<i class="fa fa-check"></i> De Acuerdo`,
                cancelButtonText: '<i class="fa fa-ban"></i> Cancelar',
                confirmButtonColor: '#3085d6'
            }).then((result) => {
                if (result.isConfirmed) {

                    $.ajax({
                        type: "PUT",

                        url: "{{ asset('') . 'pagos/pago-contrato/anular-pago/ajax/' }}" + id,
                        data: {
                            "_token": "{{ csrf_token() }}"
                        },
                        success: function(res) {
                            console.log(res);
                            if (res) {
                                Swal.fire({
                                    icon: 'success',
                                    title: 'Pago anulado correctamente.',
                                    showConfirmButton: true,
                                }).then((result) => {
                                    if (result.isConfirmed) {
                                        location.reload();
                                    }
                                })
                            }
                        },
                        dataType: "json"
                    });
                } else {
                    Swal.fire({
                        icon: 'error',
                        title: 'Error.',
                        text: 'Registro no se actualizó correctamente.',
                    });
                }

            });
        }

        function anular(id){
            Swal.fire({
                title: 'Confirmar',
                text: '¿Está seguro de que desea anular esta orden?',
                icon: 'question',
                showCancelButton: true,
                confirmButtonText: `<i class="fa fa-check"></i> De Acuerdo`,
                cancelButtonText: '<i class="fa fa-ban"></i> Cancelar',
                confirmButtonColor: '#3085d6'
            }).then((result) => {
                if (result.isConfirmed) {

                    $.ajax({
                        type: "PUT",

                        url: "{{ asset('') . 'orden-servicios_funerarios/anular/' }}" + id,
                        data: {
                            "_token": "{{ csrf_token() }}"
                        },
                        success: function(res) {
                            console.log(res);
                            if (res.ok) {
                                Swal.fire({
                                    icon: 'success',
                                    title: 'Orden anulada correctamente.',
                                    showConfirmButton: true,
                                }).then((result) => {
                                    if (result.isConfirmed) {
                                        location.reload();
                                    }
                                })
                            }else{
                                Swal.fire({
                                    icon: 'error',
                                    title: 'Error.',
                                    text: 'Registro no se actualizó correctamente.',
                                });
                            }
                        },
                        dataType: "json"
                    });
                } else {
                    Swal.fire({
                        icon: 'error',
                        title: 'Error.',
                        text: 'Registro no se actualizó correctamente.',
                    });
                }
            })
        }


    </script>
@endsection