@extends('layouts.app') @section('content')
<!-- end sidebar menu -->
<!-- start page content -->
{{-- @dump(count($data)) --}}
<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-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">Generar Comisiones</li>
                </ol>
            </div>
        </div>
        <!-- start widget -->
        <!-- start admited patient list -->
        <div class="row">
            <div class="col-md-12">
                <div class="card card-box">
                    <div class="card-head">
                        <header>Generar Comisiones</header>
                    </div>
                    <div class="card-body">
                        {!! Form::open(['url' => '','method'=>'get','id'=>'frmFiltros']) !!}
                        <div class="row">
                            <div class="col-sm-3">
                                <label for="">Nombre</label>
                                {!! Form::text('nombre',null, ['placeholder'=>'Nombre','id'=>'nombre','class'=>'form-control']) !!}
                            </div>
                            <div class="col-sm-3">
                               {{--  <label class="control-label" for="reportecomision-fecha_inicial">
                                    Seleccione Rango de Fecha
                                </label>
                                <br> --}}
                                <label for="inicio">Fecha inicio</label><br>
                                <input type="date" class="form-control" name="start_date" id="inicio"/>
                                <label for="fin">Fecha Fin</label><br>
                                <input type="date" id="w1-2" class="form-control mt-2" name="end_date" id="fin"/>

                            </div>

                            <div class="col-sm-3">

                                <label class="control-label" for="reportecomision-sede_id">
                                    Sede
                                </label>
                                {!! Form::select('sede', $sedes,
                                $sede,['placeholder'=>'--Seleccionar--','id'=>'sede','class'=>'form-control
                                select2','onchange'=>"consultar_contrato()"]) !!}

                            </div>
                            <div class="col-sm-3">

                                {!! Form::mselect('contrato',[],$empleado,'Empleados',$errors,12,false,true,false) !!}

                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12">
                                <button class="btn btn-info mt-2" type="submit">
                                    Generar
                                </button>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {!! Form::close() !!}



    </div>
</div>

@endsection


@section('script')
<script>



    function consultar_contrato() {
        data_servicios = [];
        var id_entidad = $('#sede').val();//'1';//$('#cliente').val();
        if (id_entidad != '') {
            var url = "{{ URL::asset('empleados/entidad') }}" + "/" + id_entidad;

            $.get(url, function (res) {

                var obj = $.parseJSON(res);
                document.getElementById('contrato').innerHTML = "";
                document.getElementById("contrato").options[document.getElementById("contrato").options.length] = new Option('Seleccionar', ' ');


                for (var i = 0; i < obj.length; i++) {
                    document.getElementById("contrato").options[document.getElementById("contrato").options.length] = new Option((obj[i].empleado_nombres) + " " + obj[i].empleado_apellido1, obj[i].empleado_id);
                }
            });

        }
        //$('#contrato').select2();
    }

    $(document).ready(function () {

        //Initialize Select2 Elements
        $('.select2').select2()




    });
</script>
@endsection