@extends('layouts.admin')
@section('estilos')
<link href="{{ asset('assets/css/bootstrap-datepicker3.min.css') }}" rel="stylesheet">
@endsection
@section('contenido')
<div class="row">
  <div class="border">
    <h3>Datos de la empresa</h3>
    <div class="row">
      <div class="col-md-4">
        <label>Empresa:&nbsp;</label>&nbsp;<span>{{$empresa->emp_nombre}}</span><br>
        <label>Razón social:&nbsp;</label>&nbsp;<span>{{$empresa->suc_rSocial}}</span><br>
        <label>Régimen Fiscal:&nbsp;</label>&nbsp;<span>General de Ley Personas Morales</span>
      </div>
      <div class="col-md-4">
        <label>Lugar de expedición:&nbsp;</label>&nbsp;<span>{{$empresa->dir_cp}}</span><br>
        <label>Fecha:&nbsp;</label>&nbsp;<span>{{date('Y-m-d')}} T00:00:00</span><br>
        <label>Registro patronal:&nbsp;</label>&nbsp;<span>A11A1A1A</span>
      </div>
    </div>
  </div>
  <form id="frm-nomina">
    <div class="row border">
      <div class="col-xs-12">
        <h3>Datos de pago</h3>
      </div>
      <div class="col-md-3">
        <label>Forma de pago</label>
        <select class="form-control" name="fpago">
          <option disabled selected>Seleccione forma de pago</option>
          @foreach ($fpago as $f)
          <option value="{{$f->clave}}">{{$f->forma}}</option>
          @endforeach
        </select>
      </div>
      <div class="col-md-3">
        <label>Método de pago</label>
        <select class="form-control" name="mpago">
          <option disabled selected>Seleccione método de pago</option>
          @foreach ($mpago as $m)
          <option value="{{$m->clave}}">{{$m->concepto}}</option>
          @endforeach
        </select>
      </div>
      <div class="col-md-6">
        <label>Uso CFDI</label>
        <select class="form-control" name="ucfdi">
          <option disabled selected>Seleccione uso CFDI</option>
          @foreach ($ucfdi as $u)
          <option value="{{$u->clave}}">{{$u->concepto}}</option>
          @endforeach
        </select>
      </div>
      <div class="col-md-2">
        <label>Fecha inicial</label>
        <input type="text" class="form-control datepicker" readonly name="fini" value="{{$rangoDo}}">
      </div>
      <div class="col-md-2">
        <label>Fecha final</label>
        <input type="text" class="form-control datepicker" readonly name="ffin" value="{{$hoy}}">
      </div>
      <div class="col-md-2">
        <label>Fecha de pago</label>
        <input type="text" class="form-control datepicker" readonly name="fpag" value="{{$hoy}}">
      </div>
      <div class="col-md-2">
        <label>Dias pagados</label>
        <input type="number" class="form-control" name="diaspag" min="0" max="31" value="15">
      </div>
      <div class="col-md-4">
        <label>Tipo de régimen</label>
        <select class="form-control" name="">
          <option disabled selected>Seleccione tipo de</option>
          @foreach ($tregi as $tr)
          <option value="{{$tr->trn_clave}}">{{$tr->trn_concepto}}</option>
          @endforeach
        </select>
      </div>
      <div class="col-md-12">
        <h3>Colaboradores</h3>
        <table class="table table-bordered table-striped">
          <thead>
            <th><input type="checkbox" name="todos" value="1">&nbsp;&nbsp;</th>
            <th>Colaborador</th>
            <th>Curp</th>
            <th>Correo</th>
          </thead>
          <tbody>
                      </tbody>
        </table>
      </div>
    </div>
  </form>
</div>
@endsection
@section('script')
<script src="{{ asset('assets/plugins/bootstrap-datepicker.min.js') }}"></script>
<script src="{{ asset('assets/plugins/bootstrap-datepicker.es.min.js') }}"></script>
<script src="{{ asset('js/gen-nomina.js') }}"></script>
@endsection