@extends('layouts.portal.principal')

@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('css/portal/style-datetable.css') }}" rel="stylesheet">
  <style>
    .table th, .table td {
      padding: 0.45rem !important;
    }
    .table {
      font-size: 11px;
    }
    .font-head {
      font-weight: 700;
      font-size: 12px;
      text-transform: uppercase;
      color: #343a40;
      letter-spacing: 0.5px;
    }
    .text-u {
      text-transform: uppercase !important;
    } 
    .text-l {
      text-transform: lowercase !important;
    } 
  </style>
@endsection

@section('scripts_content')
    <script src="{{ asset('theme/lib/internacionalizacion/es.js') }}"></script>
    <script src="{{ asset('theme/lib/datatables/jquery.dataTables.js') }}"></script>
    <script src="{{ asset('theme/lib/datatables-plugins/Buttons-1.4.2/js/dataTables.buttons.min.js') }}"></script>
    <script src="{{ asset('theme/lib/datatables-plugins/Buttons-1.4.2/js/buttons.colVis.min.js') }}"></script>
    <script src="{{ asset('theme/lib/datatables-plugins/Buttons-1.4.2/js/jszip.min.js') }}"></script>
    <script src="{{ asset('theme/lib/datatables-plugins/Buttons-1.4.2/js/buttons.html5.min.js') }}"></script>
    <script src= "{{ asset('js/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js') }}"></script> 
    <script src= "{{ asset('js/plugins/bootstrap-datepicker/locales/bootstrap-datepicker.es.min.js') }}"></script> 
    <script src="{{ asset('js/portal/Officials/extra-data/index.js') }}"></script>
@endsection


@section('content')
<div class="br-mainpanel">
      @include('includes/mensaje')
      @include('includes/form-error')
      <div class="br-pageheader pd-y-15 pd-l-20">
        <nav class="breadcrumb pd-0 mg-0 tx-12">
          <a class="breadcrumb-item" href="#">Gestión recurso humano</a>
          <span class="breadcrumb-item active">Datos extra</span>
        </nav>
      </div><!-- br-pageheader -->

      <div class="br-pagebody">
        <div class="br-section-wrapper mt-4">

          <table width='100%' style="margin-bottom: 20px;">
            <tr>
                <td width='50' align="center" valign="top" class="pr-4">
                    <h1><i class="fa fa-database" aria-hidden="true"></i></h1>
                </td>
                <td>
                    <h4 class="tx-gray-800 mg-b5" style="margin-bottom: 0px;">Datos extra</h4>
                    <span class='titulos'>2525-03-12 07:03</span>
                </td>
            </tr>
          </table>

          <div class="card-body table-responsive p-0">
            <table class="table table-hover width60" id="tbl-extra-data" style="font-size: 12px;">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Nombre</th>
                        <th>Fecha creación</th>
                        <th>Estado</th>
                        <th>Fecha publicación</th>
                        <th>Usuario crea</th>
                        <th class="text-center">Actión</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
          </div>
        </div><!-- br-section-wrapper -->
      </div><!-- br-pagebody -->
      <footer class="br-footer">
        <div class="footer-left">
          <div class="mg-b-2"></div>
          <div></div>
        </div>
        <div class="footer-right d-flex align-items-center">
          <span class="tx-uppercase mg-r-10"></span>
          </div>
      </footer>
    </div>

    <div class="modal fade" id="modal-survey" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
      <div class="modal-dialog modal-lg" role="document" style="width:600px;">
          <div class="modal-content">
          <div class="modal-header text-white bg-primary text-uppercase" style="height: 40px;">
              <h6 class="modal-title" id="exampleModalLabel"><i class="fa fa-check-square-o mr-4" aria-hidden="true"></i>Formulario datos extra funcionarios</h6>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
              </button>
          </div>
          <div class="modal-body">
              
              <div class="row">
                  <div class="col-sm-12">
  
                      {!! Form::open([
                          'route' => 'extra-data.store',
                          'method'=>'POST',
                          'autocomplete'=>'off',
                          'class' => 'form-horizontal',
                          'files' => true,
                          'onsubmit' => "submitButton.disabled = true",
                          'id' => 'form-survey'
                      ]) !!}
  
                      <div class="form-group {{ $errors->has('admission_date') ? 'has-error' : ''}}">
                          {!! Form::label('name', 'Nombre formulario <span class="tx-danger">*</span>', ['class' => 'col-md-4 control-label tx-gray-800'], false) !!}
                          <div class="col-md-12">
                              {!! Form::text('name', null, ['class' => ($errors->has('admission_date')) ? 'form-control form-control-sm is-invalid name' : 'form-control form-control-sm name' , 'required'=>'required']) !!}
                              {!! Form::hidden('id', 0, ['class' => ($errors->has('admission_date')) ? 'form-control form-control-sm is-invalid name' : 'form-control form-control-sm name', 'id'=>'id']) !!}
                              {!! $errors->first('name', '<div class="invalid-feedback d-block">:message</div>') !!}
                          </div>
                      </div>
  
                      <div class="form-group {{ $errors->has('observation') ? 'has-error' : ''}}">
                        {!! Form::label('observation', 'Observaciones <span class="tx-danger">*</span>', ['class' => 'col-md-4 control-label'], false) !!}
                        <div class="col-md-12">
                            {!! Form::textarea('observation', null, ['class' => ($errors->has('observation')) ? 'form-control form-control-sm is-invalid' : 'form-control form-control-sm ', 'required'=>'required']) !!}
                            {!! $errors->first('observation', '<div class="invalid-feedback d-block">:message</div>') !!}
                        </div>
                      </div>

                      <div class="form-group {{ $errors->has('code') ? 'has-error' : ''}}">
                        {!! Form::label('state', 'Estado <span class="tx-danger">*</span>', ['class' => 'col-md-4 control-label tx-gray-800'], false) !!}
                        <div class="col-md-12">
                            {!! Form::select('state', ['A'=>'Activo', 'I' => 'Inactivo', 'P'=>'Publicado'], null, ['class' => ($errors->has('code')) ? 'form-control form-control-sm is-invalid state' : 'form-control form-control-sm state', 'placeholder' => 'Seleccione...', 'required'=>'required' ]) !!}
                            {!! $errors->first('state', '<div class="invalid-feedback d-block">:message</div>') !!}
                        </div>
                      </div>
                      
     
                      {!! Form::close() !!}
  
                  </div>
              </div>
          </div>
          <div class="modal-footer">
              <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">Cerrar</button>
              <button type="button" class="btn btn-primary btn-sm" id="btn-save-survey">Guardar</button>
          </div>
          </div>
      </div>
  </div>


@endsection