@extends('app')

@section('breadcrumbs')
    {!!Breadcrumbs::render('home.map')!!}
@endsection

@section('content')
    
    <div class="container-fluid" data-role="{{auth()->user()->role}}" id="main-container">
        {!!Form::open(
            [
                'method'=>'GET',
                'class'=>'form-horizontal'
            ])
        !!}
            <div class="row">

                <div class="col col-md-2">
                    {!!Form::label('start_date', 'Desde:', ['class' => 'control-label'])!!}
                    <div class="input-group">
                        {!!Form::input('text', 'start_date',$start_date,
                            [
                                'class' => 'date form-control',
                                'aria-describedby'=>'basic-addon1',
                                'placeholder' => 'Seleccione fecha',
                            ])
                        !!}
                        <span class="calendar-btn input-group-addon" id="basic-addon1"><i class="fa fa-calendar"></i></span>
                    </div>                        
                </div>
                <div class="col col-md-2">
                    {!!Form::label('end_date', 'Hasta:', ['class' => 'control-label'])!!}
                    <div class="input-group">
                        {!!Form::input('text', 'end_date',$end_date,
                            [
                                'class' => 'date form-control',
                                'aria-describedby'=>'basic-addon1',
                                'placeholder' => 'Seleccione fecha',
                            ])
                        !!}
                        <span class="calendar-btn input-group-addon" id="basic-addon2"><i class="fa fa-calendar"></i></span>
                    </div>                        
                </div>


                @if(auth()->user()->role == 'admin' || auth()->user()->role == 'manager')
                    
                    @if(auth()->user()->role == 'admin')
                        <div class="col col-xs-2">
                            {!!Form::label('management_id','Gerencia',['class' => 'label-control'])!!}
                            {!!Form::select('management_id[]',[null => 'Todas las gerencias']+App\Management::lists('name','id')->all(),null,
                                [
                                    'class' => 'form-control',
                                    'id' => 'management_id'
                                ])
                            !!}
                        </div>
                    @endif
                    <div class="col col-xs-2">
                        
                        {!!Form::label('executive_id','Ejecutivo',['class' => 'label-control'])!!}
                        @if(auth()->user()->role == 'manager')
                            {!!Form::select('executive_id',
                                [null => 'Ejecutivos'] +
                                App\User::where('management_id',auth()->user()->management_id)->lists('employee_number','id')->all(),
                                null,
                                [
                                    'class' => 'form-control',
                                    'id' => 'executive_id'
                                ])
                            !!}
                        @else
                            {!!Form::select('executive_id',[null => 'Todos los Ejecutivos'] + App\User::lists('employee_number','id')->all(),null,
                                [
                                    'class' => 'form-control ',
                                    'id' => 'executive_id'
                                ])
                            !!}
                        @endif
                    </div>
                    
                @endif
                <div class="col col-xs-1">
                    <br>
                    <button id="search" type="button" class="btn btn-primary" style="width:100%;">
                        <i class="fa fa-filter"></i>
                        Filtrar
                    </button>                        
                </div>
                <div class="col col-xs-1">
                    <br>
                    <a href="{{action('MapsController@show')}}" class="btn btn-primary" >
                        <i class="fa fa-eraser"></i>
                        Borrar filtros
                    </a>
                </div>
            </div>


        {!!Form::close()!!}  
    </div>
    <br>
    
  <div class="" id="map-canvas" style="width: 100%; height: 700px;margin-top:20px">
    <div class="alert alert-info">
      Cargando mapa....
    </div>
  </div>

@endsection


@section('modals')
    @include('map.modals.info')
    @include('map.modals.warning')
@endsection

@section('script')
    @parent
    {!! Html::script('js/vendor/jquery/ui/core.min.js') !!}
    {!! Html::script('js/vendor/jquery/ui/widget.min.js') !!}
    {!! Html::script('js/vendor/jquery/ui/datepicker.min.js') !!}
    {!! Html::script('js/select2.full.js')!!}
    {!! Html::script("js/moment/moment.js")!!}
    <script type="text/javascript">
        var phones = $.parseJSON('{!! json_encode(Client::phones()) !!}');        
    </script>

    {!! Html::script('js/maps/main.js') !!}    
    {!! Html::script('js/maps/show.js') !!}
    
@endsection

@section('style')
    {!!Html::style('css/vendor/jquery-ui/thms/flick/jquery-ui.min.css') !!}
    {!!Html::style('css/vendor/jquery-ui/thms/flick/theme.css') !!}
    {!!Html::style('css/select2.css')!!}
    {!!Html::style('css/select2-bootstrap.css')!!}
@endsection