@extends('app')

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

@section('content')

    <ol class="breadcrumb">
        <a href="#" class="back-btn">
          <span class="glyphicon glyphicon-arrow-left"></span> Regresar
        </a>
        &nbsp;&nbsp;&nbsp;
        <li>
            <a href="{{route('home')}}">Inicio</a>
        </li>
        <li>Mapa de Citas</li>
    </ol>

    {!!Form::open([
                    'method'=>'GET',
                    'class'=>'form-horizontal'
                ])
    !!}

    <div class="row">
        <div class="col col-md-1"></div>

        <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', 'placeholder' => 'YYYY-MM-DD','aria-describedby'=>'basic-addon1'])!!}
                <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', 'placeholder' => 'YYYY-MM-DD','aria-describedby'=>'basic-addon1'])!!}
                <span class="calendar-btn input-group-addon" id="basic-addon1"><i class="fa fa-calendar"></i></span>
            </div>
        </div>
    
        @if(Auth::user()->role == 'admin')
            <div class="col col-md-2">
                
                    {!!Form::label('management', 'Gerencia:', ['class' => 'control-label'])!!}
                    {!! Form::select('management',$managements,  NULL, ['class' => 'form-control','id' => 'management','multiple' => 'multiple'])!!}
                
            </div>
        @endif
        @if(Auth::user()->role == 'manager' || Auth::user()->role == 'admin' )
            <div class="col col-md-2">
                
                    {!!Form::label('executive', 'Ejecutivo:', ['class' => 'control-label'])!!}
                    {!! Form::select('executive',$executives,  NULL, ['class' => 'form-control','id' => 'executive','multiple' => 'multiple'])!!}    
                
            </div>
        @endif
        <div class="col col-md-2">

            <button id="search" type="button" class="btn btn-primary" style="margin-top:8%;width:30%">
                <span class="glyphicon glyphicon-search"></span>
                Buscar
            </button>
        </div>
    </div>

            
  {!!Form::close()!!}
    
  <div class="" id="map-canvas" style="width: 100%; height: 550px;margin-top:5%">
    <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/maps/main.js') !!}
    {!! Html::script('js/maps/show.js') !!}
    
    
    <script type="text/javascript">
      $(document).ready(function() {
        
        // Validación/Reestricción de fechas en campo date 'Hasta'
        $('#start_date').datepicker();
        $('#end_date').datepicker();
      });
    </script>
@endsection

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