@extends('layouts.app-aux')

@section('css_custom')
  <link href="{{ asset('js/plugins/bootstrap-datepicker/css/bootstrap-datepicker.min.css') }}" rel="stylesheet">
  <link href="{{ asset('theme/lib/datatables-plugins/Buttons-1.4.2/css/buttons.dataTables.min.css') }}" rel="stylesheet">
  <link href="{{ asset('js/plugins/jquery.autocomplete/css/autocomplete.css') }}" rel="stylesheet">
@endsection

@section('scripts_content')
  <script src= "{{ asset('js/plugins/jquery.autocomplete/js/jquery.autocomplete.min.js') }}"></script>
  <script src="{{ asset('js/portal/indicators/management-commitments-reports/reports/'.$code.'.js') }}"></script>
@endsection


@section('content')
  {!! Form::open([
    'route' => 'reports.store',
    'method'=>'POST',
    'autocomplete'=>'off',
    'class' => 'form-horizontal',
    'files' => true,
    'onsubmit' => "submitButton.disabled = true",
    'id' => 'form-report'
  ]) !!}
  <div class="row pb-4 pt-2">

    <div class="col-sm-12">
      <div class="form-group">
        {!! Form::label('date_from_register', 'Fecha cumplimiento inicial', ['class' => 'col-md-4 control-label']) !!}
        <div class="col-md-12">
          {!! Form::date('date_from_register', null, ['class' => 'form-control form-control-sm', 'required' => 'required']) !!}
        </div>
      </div>
    </div>

    <div class="col-sm-12">
      <div class="form-group">
        {!! Form::label('date_end_register', 'Fecha cumplimiento final', ['class' => 'col-md-4 control-label']) !!}
        <div class="col-md-12">
          {!! Form::date('date_end_register', null, ['class' => 'form-control form-control-sm', 'required' => 'required']) !!}
          {!! Form::hidden('report', $code, ['class' => 'form-control form-control-sm ']) !!}
        </div>
      </div>
    </div>

    <div class="col-sm-12">
        <div class="form-group">
          {!! Form::label('notify_info_cicle_id', 'Ciclo de notificación', ['class' => 'col-md-4 control-label']) !!}
          <div class="col-md-12">
            {!! Form::select('notify_info_cicle_id', $notify_info_cicles, null, ['class' => 'form-control form-control-sm height25', 'placeholder' => 'Seleccione...']) !!}
          </div>
        </div>
    </div>

    <div class="col-sm-12">
        <div class="form-group">
          {!! Form::label('user_email', 'Responsable', ['class' => 'col-md-4 control-label']) !!}
          <div class="col-md-12">
            {!! Form::select('user_email', $responsible, null, ['class' => 'form-control form-control-sm height25', 'placeholder' => 'Seleccione...']) !!}
          </div>
        </div>
    </div>

    <div class="col-sm-12 text-center">
      <a href="javascript:void(0)" class="btn btn-primary btn-with-icon mg-t-10" id="bth-report-generate">
        <div class="ht-40">
          <span class="icon wd-40"><i class="fa fa-file-excel-o" aria-hidden="true"></i></span>
          <span class="pd-x-15">Genarar informe</span>
        </div>
      </a>
    </div>
  </div>
  {!! Form::close() !!}

@endsection