@extends('app')

@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="form-group">
        @if(Auth::user()->is_admin)
          {!!Form::label('management', 'Gerencia:', ['class' => 'control-label col-sm-1'])!!}
          <div class="col-sm-2">
            {!! Form::select('management', [NULL => 'Todas las gerencias'] + $managements,  NULL, ['class' => 'form-control'])!!}
          </div>
        @elseif(Auth::user()->is_manager)
          {!!Form::label('executive', 'Ejecutivo:', ['class' => 'control-label col-sm-1'])!!}
          <div class="col-sm-2">
            {!! Form::select('executive', $executives,  NULL, ['class' => 'form-control'])!!}
          </div>
        @else
          <div class="col-sm-offset-3">
          </div>
        @endif

        {!!Form::label('start_date', 'Desde:', ['class' => 'control-label col-sm-1'])!!}
        <div class="col-sm-2">
          <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>

        {!!Form::label('end_date', 'Hasta:', ['class' => 'control-label col-sm-1'])!!}
        <div class="col-sm-2">
          <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>

        <div class="col-sm-1 col-sm-offset-1">
          <button id="search" type="button" class="btn btn-block btn-default">
            <span class="glyphicon glyphicon-search"></span>
          </button>
        </div>
      </div>
    </div>
  {!!Form::close()!!}

  <div class="" id="map-canvas" style="width: 100%; height: 550px">
    <div class="alert alert-info">
      Cargando mapa....
    </div>
  </div>

  @include('appointments.partials.modal_show')




@stop
@section('modals')
  <!-- Modal para aviso sobre que no hay citas -->
  <div id="myModal" class="modal fade" role="dialog">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Lo sentimos</h4>
        </div>
        <div class="modal-body" >
            <h5 id="text-info">
              Por el momento no hay citas para mostrar con esas opciones
            </h5>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
        </div>
      </div>
    </div>
  </div>
  <!-- /MODAL -->
@endsection

@section('script')
  {!! 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(
        'option',
        'onSelect',
        function(dateText, inst) {
          $('#end_date').datepicker('option', 'minDate', dateText);
        }
      );
    });
  </script>
@stop