@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/officials/report-management/reports/'.$code.'.js') }}"></script>
@endsection


@section('content')
  {!! Form::open([
    'route' => 'report-management-official.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('collaborator_type_id', 'Tipo colaborador', ['class' => 'col-md-4 control-label']) !!}
        <div class="col-md-12">
          {!! Form::select('collaborator_type_id', $collaborator_type, null, array_merge(['class' => 'form-control form-control-sm', 'placeholder' => 'Seleccione..'])) !!}
        </div>
      </div>
    </div>
    <div class="col-sm-12">
      <div class="form-group {{ $errors->has('medical_unit') ? 'has-error' : ''}}">
          {!! Form::label('cost_center', 'Unidad', ['class' => 'col-md-4 control-label'], false) !!}
          <div class="col-md-12">
              {!! Form::text('cost_center', null, ['class' => ($errors->has('cost_center')) ? 'form-control form-control-sm is-invalid' : 'form-control form-control-sm']) !!}
              <input class="form-control" type="text" id="cost_center-x" disabled="disabled" style="color: #CCC; position: absolute; background: transparent; z-index: 1; display:none">
              {!! Form::hidden('cost_center_id', null, ['class' => ($errors->has('cost_center_id')) ? 'form-control form-control-sm is-invalid' : 'form-control form-control-sm ', 'id'=>'cost_center_id']) !!}
              {!! Form::hidden('report', $code, ['class' => 'form-control form-control-sm ']) !!}
              {!! $errors->first('cost_center', '<div class="invalid-feedback d-block">:message</div>') !!}
          </div>
      </div>
    </div>
    <div class="col-sm-12">
      <div class="form-group">
        {!! Form::label('company_id', 'Empresa', ['class' => 'col-md-4 control-label']) !!}
        <div class="col-md-12">
          {!! Form::select('company_id',$companies, null, array_merge(['class' => 'form-control form-control-sm', 'placeholder' => 'Seleccione..'])) !!}
        </div>
      </div>
    </div>
    <div class="col-sm-12">
      <div class="form-group">
        {!! Form::label('hrm_profile_id', ' Perfil', ['class' => 'col-md-4 control-label']) !!}
        <div class="col-md-12">
          {!! Form::select('hrm_profile_id', $profiles, null, ['class' => 'form-control form-control-sm height25', 'placeholder' => 'Seleccione...']) !!}
        </div>
      </div>
    </div>
    <div class="col-sm-12">
      <div class="form-group">
        {!! Form::label('work_home', 'Trabajo en casa', ['class' => 'col-md-4 control-label']) !!}
        <div class="col-md-12">
          {!! Form::select('work_home',['S'=>'Si', 'N' => 'No'], null, array_merge(['class' => 'form-control form-control-sm', 'placeholder' => 'Seleccione..'])) !!}
        </div>
      </div>
    </div>
    <div class="col-sm-12">
      <div class="form-group">
        {!! Form::label('bonding_type_id', 'Tipo de contrato', ['class' => 'col-md-4 control-label']) !!}
        <div class="col-md-12">
          {!! Form::select('bonding_type_id',$bonding_type, null, array_merge(['class' => 'form-control form-control-sm', 'placeholder' => 'Seleccione..'])) !!}
        </div>
      </div>
    </div>
    <div class="col-sm-12">
      <div class="form-group">
        {!! Form::label('contract_state', 'Estado contrato', ['class' => 'col-md-4 control-label']) !!}
        <div class="col-md-12">
          {!! Form::select('contract_state',['A'=>'Activo', 'I'=>'Inactivo'], 'A', array_merge(['class' => 'form-control form-control-sm', 'placeholder' => 'Seleccione..'])) !!}
        </div>
      </div>
    </div>
    <div class="col-sm-12">
      <div class="form-group">
        {!! Form::label('admission_date_from', 'Fecha de adminisión inicial', ['class' => 'col-md-4 control-label']) !!}
        <div class="col-md-12">
          {!! Form::date('admission_date_from', null, ['class' => 'form-control form-control-sm ']) !!}
        </div>
      </div>
    </div>
    <div class="col-sm-12">
      <div class="form-group">
        {!! Form::label('admission_date_end', 'Fecha de adminisión Final', ['class' => 'col-md-4 control-label']) !!}
        <div class="col-md-12">
          {!! Form::date('admission_date_end', null, ['class' => 'form-control form-control-sm ']) !!}
        </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