@extends('base')
@section('titulo')
detalle cotizacion inicial
@endsection
@section('content')
<!-- Mensaje ocupado -->
@if(session('ocupado'))
<div class="alert alert-danger">
    <button type="button" class="close" data-dismiss="alert">×</button>
    {{ session('ocupado') }}
</div>
@endif

@if(session('danger'))
<div class="alert alert-danger">
    <button type="button" class="close" data-dismiss="alert">×</button>
    {{ session('danger') }}
</div>
@endif

@if(session('exito'))
<div class="alert alert-success">
   <button type="button" class="close" data-dismiss="alert">×</button>
   {{ session('exito') }}
</div>
@endif


@if ($errors->any())
    <div class="errors">
        <p class="alert alert-warning" role="alert">Por favor corrige los siguientes errores</p>
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif



<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{route('CotizacionInicial.index')}}">Listado de cotizaciones iniciales</a></li>
        <li class="breadcrumb-item active" aria-current="page">Detalle cotización inicial</li>
    </ol>
</nav>

<h3 class="text-center">{{$cotizacion->servicio->nombre_servicio}}</h3>
<div class="pt-3 py-3 mt-4 my-4 font-weight-bold alert alert-warning">
    Recuerde que debe cerrar la cotización hasta que este seguro de generar la hoja de trabajo, caso contraria manténgala sin cerrar para hacer los cambios necesarios. Una vez cerrada solo podrá agregar nuevos servicios a través de la hoja de trabajo.
</div>

<div class="pt-3 py-3 mt-4 my-4 font-weight-bold alert alert-warning">
    REVISE LOS SERVICIOS ANTES DE CERRAR LA COTIZACION. Recuerde eliminar aquellos que ya no necesitara el cliente y AGREGAR nuevos si han sido solicitados.
</div>

<div class="pt-3 py-3 mt-4 my-4 font-weight-bold alert alert-info">
    Al terminar de ingresar la informacion de una seccion recuerde dar click en el boton guardar de esta, para que los datos aparezcan en el reporte.
</div>
<div class="row">
    @if($cotizacion->estado <> 'Orden de venta')
        <div class="col-md-6">
            <form action="{{route('CotizacionInicial.close', $id)}}" method="post">
                @csrf
                <input name="fac" type="hidden" id="fac">
                <button type="submit" class=" btn btn-primary">Cerra cotizacion</button>
            </form>
        </div>
    @endif


    @if($cotizacion->servicio->tipo == 'LCL' || $cotizacion->servicio->tipo == 'MIA' || $cotizacion->servicio->tipo == 'AER' || $cotizacion->servicio->tipo == 'LTL')
    <div class="col-md-6">
        <form action="{{route('CotizacionInicial.updateFactor',$id)}}" method="post">
            @csrf
            <input name="facUpdate" type="hidden" id="facUpdate">
            <button type="submit" class="btn btn-block btn-info col-md-8">Actualizar Factor</button>

        </form>
    </div>
    @endif
</div>



{{--Inicio datos generales--}}
{{-- /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// --}}
@if($cotizacion->servicio->tipo == "LCL")
@include('detalleCotizacionInicial.tipos.lcl')

@elseif($cotizacion->servicio->tipo == "AER")
@include('detalleCotizacionInicial.tipos.aer')

@elseif($cotizacion->servicio->tipo == "FCL")
@include('detalleCotizacionInicial.tipos.fcl')

@elseif($cotizacion->servicio->tipo == "LTL")
@include('detalleCotizacionInicial.tipos.ltl')

@elseif($cotizacion->servicio->tipo == "MIA")
@include('detalleCotizacionInicial.tipos.miami')

@elseif($cotizacion->servicio->tipo == "FTL")
@include('detalleCotizacionInicial.tipos.ftl')

@endif

<!-- Eliminar Modal -->
<div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body align-self-center">
                <form action="{{ route('DetalleCotizacion.deleteService') }}" method="POST">
                    @csrf
                    {{ method_field('DELETE') }}
                    <div style="text-align: center">
                        <br>
                        <i class='fas fa-exclamation-circle' style='font-size:80px;color: gray;'></i>
                        <br>
                        <br>
                        <strong>
                            <h3>¿Estás seguro que deseas eliminar el servicio?</h3>
                        </strong>
                        <strong>Esta accion no es reversible</strong>
                        <input type="hidden" id="delete_id" name="delete_id">
                        <input type="hidden" name="user" value="{{auth()->user()->name}}">
                    </div>cd
                    <div class="modal-footer d-flex justify-content-center">
                        <button type="submit" class="btn btn-primary">
                            <i class='fas fa-check-circle'></i>
                            Eliminar
                        </button>
                        <a href="" class="btn btn-primary" data-dismiss="modal">
                            <i class='fa fa-times'></i>
                            Cancelar
                        </a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>


<!-- Eliminar FACTOR Modal -->
<div class="modal fade" id="deleteFModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body align-self-center">
                <form action="{{ route('fileDetail.rmfactor') }}" method="POST">
                    @csrf
                    {{ method_field('DELETE') }}
                    <div style="text-align: center">
                        <br>
                        <i class='fas fa-exclamation-circle' style='font-size:80px;color: gray;'></i>
                        <br>
                        <br>
                        <strong>
                            <h3>¿Estás seguro que deseas el factor?</h3>
                        </strong>
                        <strong>Esta accion no es reversible</strong>
                        <input type="hidden" id="delete_idF" name="delete_idF">
                        <input type="hidden" name="user" value="{{auth()->user()->name}}">
                    </div>
                    <div class="modal-footer d-flex justify-content-center">
                        <button type="submit" class="btn btn-primary">
                            <i class='fas fa-check-circle'></i>
                            Eliminar
                        </button>
                        <a href="" class="btn btn-primary" data-dismiss="modal">
                            <i class='fa fa-times'></i>
                            Cancelar
                        </a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<!-- Eliminar FACTOR Modal -->
<div class="modal fade" id="deleteCModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body align-self-center">
                <form action="{{ route('DetalleCotizacion.rmcontainer') }}" method="POST">
                    @csrf
                    {{ method_field('DELETE') }}
                    <div style="text-align: center">
                        <br>
                        <i class='fas fa-exclamation-circle' style='font-size:80px;color: gray;'></i>
                        <br>
                        <br>
                        <strong>
                            <h3>¿Estás seguro que deseas el contenedor?</h3>
                        </strong>
                        <strong>Esta accion no es reversible</strong>
                        <input type="text" id="delete_idC" name="delete_idC">
                        <input type="hidden" name="user" value="{{auth()->user()->name}}">
                    </div>cd
                    <div class="modal-footer d-flex justify-content-center">
                        <button type="submit" class="btn btn-primary">
                            <i class='fas fa-check-circle'></i>
                            Eliminar
                        </button>
                        <a href="" class="btn btn-primary" data-dismiss="modal">
                            <i class='fa fa-times'></i>
                            Cancelar
                        </a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

@include('detalleCotizacionInicial.modals.editService')
@include('detalleCotizacionInicial.modals.editServiceF')

<script  type="text/javascript">






function resaltar(id){
    console.log(id);
}


function fun_delete(id)
    {
        $("#delete_id").val(id);
    }
function fun_deleteC(id)
 {
     console.log('ckick');
        $("#delete_idC").val(id);
}
function fun_deleteF(id)
    {
        console.log(id);
        $("#delete_idF").val(id);
    }

function fun_edit(id,cantidad,monto,iva,wm)
    {
        console.log(cantidad);

        $("#id").val(id);
        $("#cantE").val(cantidad);
        $("#pUnitario").val(monto);
        if(iva == 1){
            $('#ivaE').prop('checked',true);
        }

        if(wm == 1)
        $('#wmE').prop('checked',true);

    }
    function fun_editF(id,cantidad,monto,iva)
    {
        console.log(cantidad);

        $("#idF").val(id);
        $("#cantEF").val(cantidad);
        $("#pUnitarioF").val(monto);
        if(iva == 1){
            $('#ivaEF').prop('checked',true);
        }

    }
</script>

@endsection

@section('extrajs')

<script>
    $( window ).on( "load", function() {


        var pathname = window.location.pathname;
                //alert(pathname);

    var lastChar=pathname.charAt(pathname.length-1);
    var test='{{$param->id}}';
    get(test);




});

function get (id){
    var view_url = '{{ route("DetalleCotizacion.onLoad", ":id") }}';
        view_url = view_url.replace(':id', id);
        console.log(view_url);
        $.ajax({
            url: view_url,
            type:"GET",
            data: {"id":id},
            success: function(result){
                console.log(result);
                $("#modalidad").val(result.modalidad);
                $("#tipoCarga").val(result.tipo_carga);
                $("#destino").val(result.destino);
                $("#origen").val(result.origen);
                $('#carga').val(result.carga); //seleccion el origen
                // $("#carga").val(result.carga);
                $("#descarga").val(result.descarga);
                $("#incoterm").val(result.incoterms_id);
                $("#valor_kg").val(result.valor_kg);
                $("#valor_kg2").val(result.valor_kg);
                $("#costoKg").val(result.costo_unit);
                $("#KgV").val(result.cant_carga);
                $("#canBultos").val(result.cant_bultos);
                $("#dimensiones").val(result.dimensiones);
                $("#nota").val(result.nota_id);
                $("#notaExtra").val(result.nota_extra);
                $("#notaExtra2").val(result.nota_extra);
                $("#fechLimite").val(result.fecha_limite);
            }
        });
        var fact=document.getElementById('factor').value;
        console.log(fact);
        document.getElementById("fac").value=fact;
        document.getElementById("facUpdate").value=fact;




       /* ClassicEditor
        .create( document.querySelector( '#notaExtra' ) )
        .catch( error => {
            console.error( error );
        } );*/



}
</script>



@endsection