@extends('layouts.app')

@section('content')
    <!-- end sidebar menu -->
    <!-- start page content -->

    {{-- @dump($data) --}}

    <div class="page-content-wrapper">
        <div class="page-content" style="min-height:1200px">
            <div class="page-bar">
                <div class="page-title-breadcrumb">
                    <!--<div class="pull-left">
                                <div class="page-title text-danger">Sin Sucursal</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 class="active">Agregar Detalle</li>
                    </ol>
                </div>
            </div>

            {!! Form::open([
                'url' => ['orden-servicios_funerarios/adcicional/' . $id],
                'method' => 'post',
                'id' => 'frmFiltros',
            ]) !!}
            <!-- start widget -->
            <!-- start admited patient list -->
            <div class="row">
                <div class="col-lg-12 col-lg-12">
                    <div class="card  card-box p-5">
                        <div class="card-head">
                            <header>Información adicional general</header>
                        </div>

                        <div class="row mt-5">
                            <div class="col-md-6">
                                <label for="">Código de la orden</label>
                                {!! Form::select('codigo', [], null, ['class' => 'form-control', 'id' =>'orden']) !!}
                            </div>
                            <div class="col-md-6">
                                <label for="">Tipo de servicio</label>
                                {!! Form::select('service', [], null, ['class' => 'form-control', 'id' =>'servicio']) !!}
                            </div>
                        </div>

                        <div class="row mt-5">
                            <div class="col-md-6">
                                <label for="">Lugar del sepelio</label>
                                {!! Form::text('lugar_sepelio', null, ['class' => 'form-control']) !!}
                            </div>
                            <div class="col-md-6">
                                <label for="">Fecha Sepelio</label>
                                {!! Form::date('date_sepelio', null, ['class' => 'form-control']) !!}
                            </div>
                        </div>

                    </div>

                </div>

            </div>

            <div class="row">
                <div class="col-lg-12 col-lg-12">
                    <div class="card  card-box p-5">
                        <div class="card-head">
                            <header>Información Adicional Gastos</header>
                        </div>

                        <div class="row mt-5">
                            <div class="col-md-6">
                                <label for="">Fecha y Hora de Salida</label>
                                {!! Form::datetimelocal('fecha_salida', null, ['class' => 'form-control']) !!}
                            </div>
                            <div class="col-md-6">
                                <label for="">Fecha y Hora de Llegada</label>
                                {!! Form::datetimelocal('fecha_llegada', null, ['class' => 'form-control']) !!}
                            </div>
                        </div>

                        <div class="row mt-5">
                            <div class="col-md-6">
                                <label for="">Atendido Por</label>
                                {!! Form::text('atendido', null, ['class' => 'form-control']) !!}
                            </div>
                            <div class="col-md-6">
                                <label for="">Nombre del Chofer</label>
                                {!! Form::select('chofer', [],null, ['class' => 'form-control', 'id' => 'chofer']) !!}
                            </div>
                        </div>

                        <div class="row mt-5">
                            <div class="col-md-6">
                                <label for="">Nombre del Chofer 2</label>
                                {!! Form::select('chofer_2',[], null, ['class' => 'form-control', 'id' => 'chofer_secu']) !!}
                            </div>
                            <div class="col-md-6">
                                <label for="">Registro Civil</label><br>
                               
                                <input type="checkbox" id="registro_civil" name="registro_civil" data-off="No" data-on="Si"  data-toggle="toggle" data-onstyle="primary" data-offstyle="danger">
                            </div>
                        </div>

                        <div class="row mt-5">
                            <div class="col-md-6">
                                <label for="">Observación</label>
                                
                                <textarea name="observacion" style="resize: none" class="form-control"></textarea>
                            </div>
                            <div class="col-md-6">
                                <label for="">Kilometraje Inicial Traslado</label>
                                {!! Form::text('km_init', null, ['class' => 'form-control']) !!}
                            </div>
                        </div>

                        <div class="row mt-5">
                            <div class="col-md-6">
                                <label for="">kilometraje Final Traslado</label>
                                {!! Form::text('km_fin', null, ['class' => 'form-control']) !!}
                            </div>
                            <div class="col-md-6">
                                <label for="">Kilometraje Inicial Funeral</label>
                                {!! Form::text('km_init_fun', null, ['class' => 'form-control']) !!}
                            </div>
                        </div>

                        <div class="row mt-5">
                            <div class="col-md-6">
                                <label for="">kilometraje Final Funeral</label>
                                {!! Form::text('km_fin_fun', null, ['class' => 'form-control']) !!}
                            </div>
                            <div class="col-md-6">
                                <label for="">Servicio Realizado Dentro del Horario</label>
                                {!! Form::select('dentro_horario', ['1' => 'Si', '2' => 'No'], null, ['class' => 'form-control', 'placeholder' =>'Seleccionar']) !!}
                            </div>
                        </div>

                        <div class="row mt-5">
                            <div class="col-md-6">
                                <label for="">Modelo Carroza</label>
                                {!! Form::number('carroza_model', null, ['class' => 'form-control']) !!}
                            </div>
                            <div class="col-md-6">
                                <label for="">Estado Carroza</label>
                                {!! Form::select('carroza_estado', ['1' => 'Excelente', '2' => 'Buena', '3' => 'Regular'], null, [
                                    'class' => 'form-control', 'placeholder' =>'Seleccionar'
                                ]) !!}
                            </div>
                        </div>


                        <div class="row mt-5">
                            <div class="col-md-6">
                                <label for="">Full</label><br>
                                <input type="checkbox" id="full" name="full" data-off="No" data-on="Si"  data-toggle="toggle" data-onstyle="primary" data-offstyle="danger">
                            </div>
                            <div class="col-md-6">
                                <label for="">Limpia</label><br>
                                <input type="checkbox" id="limpia" name="limpia" data-off="No" data-on="Si"  data-toggle="toggle" data-onstyle="primary" data-offstyle="danger">
                            </div>
                        </div>

                        <div class="row mt-5">
                            <div class="col-md-6">
                                <label for="">Placa</label>
                                {!! Form::text('placa', null, ['class' => 'form-control']) !!}
                            </div>

                        </div>

                    </div>

                </div>

            </div>

            <div class="row">
                <div class="col-lg-12 col-lg-12">
                    <div class="card  card-box p-5">
                        <div class="card-head">
                            <header>Información Adicional Orden de Trabajo</header>
                        </div>

                        <div class="row mt-5">
                            <div class="col-md-6">
                                <label for="">Fecha</label>
                                {!! Form::date('date_adic', null, ['class' => 'form-control']) !!}
                            </div>
                            <div class="col-md-6">
                                <label for="">Sucursal De</label><br>
                              {{--   {!! Form::select('sede', [], null, ['class' => 'form-control']) !!} --}}
                                {!! Form::select('sede_perteneciente',[], isset($edit) ? '' : session()->get('data_entidad')->entidad_id,['id'=>'sede_perteneciente','class'=>'form-control select2','placeholder'=>'Seleccionar']) !!}
                            </div>
                        </div>

                        <div class="row mt-5">
                            <div class="col-md-6">
                                <label for="">Tecnico A Realizar Acondicionamiento</label>
                                {!! Form::text('tecnico_acondicionamiento', null, ['class' => 'form-control']) !!}
                            </div>
                            <div class="col-md-6">
                                <label for="">Incluido?</label>
                                
                                <input type="checkbox" id="trabajo_inlcuido" name="trabajo_inlcuido" data-off="No" data-on="Si"  data-toggle="toggle" data-onstyle="primary" data-offstyle="danger">
                            </div>
                        </div>

                    </div>

                </div>

            </div>


            <div class="row">
                <div class="col-lg-12 col-lg-12">
                    <div class="card  card-box p-5">
                        <div class="card-head">
                            <header>Información Adicional Orden de Compra</header>
                        </div>

                        <div class="row mt-5">
                            <div class="col-md-6">
                                <label for="">Fecha</label>
                                {!! Form::date('date_adic_compra', null, ['class' => 'form-control']) !!}
                            </div>
                            <div class="col-md-6">
                                <label for="">Autorizo A</label>
                                {!! Form::text('auth', null, ['class' => 'form-control']) !!}
                            </div>
                        </div>

                        <div class="row mt-5">
                            <div class="col-md-6">
                                <label for="">Sucursal de</label>
                                {!! Form::select('sucursal', [], null, ['class' => 'form-control', 'id' =>'sucursal']) !!}
                            </div>
                            <div class="col-md-6">
                                <label for="">Para Retirar en la Floristería?</label>
                                {!! Form::text('floresteria', null, ['class' => 'form-control']) !!}
                            </div>
                        </div>

                    </div>

                </div>

            </div>
            <input type="hidden" id="orden_producto" value="{{ $id }}">
            <div class="row mt-2">
                <div class="col-12 text-center">
                    <button class="btn btn-success" type="submit">
                        Aceptar
                    </button>
                    <a class="btn bg-danger" href="{{url('orden/' .$id. '/ver')}}">Cancelar</a>
                </div>
            </div>
        </div>
        {!! Form::close() !!}

    </div>
@endsection

@section('script')
<script>


    function buscar_orden(){        
        
        let con = $('#orden_producto').val()
       
        $.ajax({
            
            url: "{{asset('').'orden-ajax'}}",                
            data: { orden : Number(con)},
            success: function (res) {              
                document.getElementById("orden").options[document.getElementById("orden").options.length]=new Option(res[0].Nombre,res[0].orden_producto_id);
              
                $('#orden').val(res[0].orden_producto_id).append();
               
            },
            dataType: "json"
            });

        
    }


    $(document).ready(function () {
         //Initialize Select2 Elements
        $('.select2').select2()
        buscar_orden()


        $('#servicio').select2({
             ajax: {
                 dataType: 'json',
                 url: "{{asset('').'servicio/ajax'}}",
                 delay: 250,
                 minimumInputLength: 3,
                 data: function(params) {
                         var query = {
                             search: params.term.toLowerCase(),
                         }
                        
                         return query;
             },
                 processResults: function (data, page) {
                   return {
                     results: data
                   };
                 },
                 theme: "classic"
                 }
        });

        $('#sede_perteneciente').select2({
             ajax: {
                 dataType: 'json',
                 url: "{{asset('').'entidades/ajax'}}",
                 delay: 250,
                 minimumInputLength: 3,
                 data: function(params) {
                         var query = {
                             search: params.term.toLowerCase(),
                         }
                        
                         return query;
             },
                 processResults: function (data, page) {
                   return {
                     results: data
                   };
                 },
                 theme: "classic"
                 }
        });

        $('#sucursal').select2({
             ajax: {
                 dataType: 'json',
                 url: "{{asset('').'entidades/ajax'}}",
                 delay: 250,
                 minimumInputLength: 3,
                 data: function(params) {
                         var query = {
                             search: params.term.toLowerCase(),
                         }
                        
                         return query;
             },
                 processResults: function (data, page) {
                   return {
                     results: data
                   };
                 },
                 theme: "classic"
                 }
        });

        $('#chofer').select2({
            ajax: {
            dataType: 'json',
            url: "{{asset('').'ajax/empleados'}}",
            delay: 250,
            minimumInputLength: 3,
            data: function(params) {
                    var query = {
                        search: params.term.toLowerCase(),
                    }
                   
                    return query;
            },
            processResults: function (data, page) {
                return {
                results: data
                };
            },
            theme: "classic"
            }
        });

        $('#chofer_secu').select2({
            ajax: {
            dataType: 'json',
            url: "{{asset('').'ajax/empleados'}}",
            delay: 250,
            minimumInputLength: 3,
            data: function(params) {
                    var query = {
                        search: params.term.toLowerCase(),
                    }
                   
                    return query;
            },
            processResults: function (data, page) {
                return {
                results: data
                };
            },
            theme: "classic"
            }
        });

    })
</script>
@endsection