@extends('plantilla.master')
@section('scripts')
    <link rel="stylesheet" href="{{asset('plugins/datatables/data/css/jquery.dataTables.min.css')}}">
    <link rel="stylesheet" href="{{asset('plugins/datatables/data/css/dataTables.bootstrap4.min.css')}}">
@endsection
@section('contenido')
<div class="row" style="margin-bottom:15px;">
    <div class="col-12">
        <label for="empresa"><strong>Cliente</strong></label>
        <select class="selectpicker" data-live-search="true" name="empresa" id="empresa">
            @foreach ($empresas as $empresa)
                <option value="{{$empresa->CNEMPRESA}}">{{$empresa->DXEMPRESA}}</option>
            @endforeach
        </select>
    </div>
</div>
@include('plantilla.mensajes')
<div class="" style="color:red;">
  <div id="timbres"></div>
</div>
<nav>
  <div class="nav nav-tabs" id="nav-tab" role="tablist">
    <a class="nav-item nav-link active" id="nav-generar-tab" data-toggle="tab" href="#nav-generar" role="tab" aria-controls="nav-generar" aria-selected="true">{{$tiponomina}}</a>
    <a class="nav-item nav-link" id="nav-estados-tab" data-toggle="tab" href="#nav-estados" role="tab" aria-controls="nav-estados" aria-selected="false">{{$generar}}</a>
  </div>
</nav>
<div class="tab-content" id="nav-tabContent">
  <div class="tab-pane fade show active" id="nav-generar" role="tabpanel" aria-labelledby="nav-generar-tab">
    @include('nominas.plant_nominas')
  </div>
    <div class="tab-pane fade" id="nav-estados" role="tabpanel" aria-labelledby="nav-estados-tab">
      <div class="row" style="margin-top:20px; color:red;">
          <div class="col-12">
            <div class="btn-group" role="group">
            <button type="button" class="btn btn-secondary" title="Descargar nómina" onclick="downloadLink()" target="_blank">
                <i class="far fa-copy"></i> Descargar Nómina
              </button>
              <!--button type="button" class="btn btn-info" title="Copiar nómina" onclick="getNominasCopiar()">
                <i class="far fa-copy"></i> Copiar nómina
              </button-->
              <button type="button" data-toggle="modal" data-target="#modal_cfdi" class="btn btn-success" title="Generar CFDI" id="selecciones">
                <i class="fas fa-file-invoice-dollar"></i> Generar CFDI
              </button>
            </div>
          </div>
      </div>
    <div class="row">
        <div class="col-xs-12 col-sm-6">
            <div class="form-group">
                <label for="tipoempleado" class="col-form-label">Tipo de Empleado</label>
                <select class="custom-select" name="tipoempleado" id="tipoempleado">
                    <option value="0">Normal</option>
                    <option value="1">Asimilado</option>
                </select>
            </div>
        </div>
        <div class="col-xs-12 col-sm-6">
            <div class="form-group">
                <label for="staticEmail" class="col-form-label">Seleccione una Nómina para {{$tiponomina}}</label>
                <div id="resultado" class="align-middle text-center">
                    <div class="spinner-border text-success " role="status">
                        <span class="sr-only">Loading...</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-12">
          @include('nominas.plant_filtrado_estatus')
        </div>
    </div>
    @include('plantilla.generarcfdi')
</div>

<!--Modal editar nominas-->
<div class="modal fade" id="modal_nominaedit" tabindex="-1" role="dialog" aria-labelledby="modal_label" aria-hidden="true">
  <div class="modal-dialog modal-dialog-scrollable" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="modal_label">Editar {{$tiponomina}}</h5>
        <!--button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button-->
      </div>
      <form action="" id="form_ptusave" method="post">
        {{ csrf_field() }}
        <div class="modal-body">
        <div id="cargando_modal"></div>
            <div id="empleado"></div>
            <div id="departamento"></div>
            <div class="form-group">
                <label for="montoptu">Monto {{$tiponomina}}</label>
                <input type="text" class="form-control" id="montoptu" name="montoptu" placeholder="$0.00" required>
                @if($tiponomina=='PTU')
                <span class="m-1"></span>
                <div class="checkbox">
                  <label>
                    <input type="checkbox" id="chkISR" name="chkISR"> ISR Manual
                  </label>
                </div>

                <div id="panelISR">
                  <label for="montoptu">Monto ISR</label>
                <input type="text" class="form-control" id="montoISR" name="montoISR" placeholder="$0.00">
                </div>
                @endif
            </div>
        </div>
        <div class="modal-footer">
            <button type="submit" class="btn btn-success btn-block" data-placement="bottom" title="Agregar">
                <i class="fas fa-check"></i> Agregar
            </button>
            <!--button type="button" class="btn btn-secondary btn-block" style="margin-top:0px;" data-dismiss="modal">
                <i class="fas fa-ban"></i> Cancelar
            </button-->
        </div>
      </form>
    </div>
  </div>
</div>
  </div>
</div>
@include('plantilla.modal_cfdi')
<!--Modal periodo_nominas-->
<div class="modal fade" id="modal_nomina" tabindex="-1" role="dialog" aria-labelledby="modal_label" aria-hidden="true">
  <div class="modal-dialog modal-dialog-scrollable" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="modal_label">Seleccione el periodo para {{$tiponomina}}.</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <form action="" id="form_nomina" method="post">
        <div class="modal-body">
            <div class="form-row">
                {{ csrf_field() }}
                <div class="form-group col-12">
                    <label for="fecha_inicio"><strong>Fecha</strong></label>
                    <input type="date" min="2015-01-01" max="2030-01-01" name="fecha_inicio" class="form-control" required autofocus>
                </div>
            </div>
            <div class="form-row">
                <div class="form-group col-12">
                    <label for="referencia"><strong>Referencia</strong></label>
                    <input type="text" name="referencia" class="form-control">
                </div>
            </div>
        </div>
        <div class="modal-footer">
            <button type="submit" class="btn btn-success btn-block" data-placement="bottom" title="Agregar">
                <i class="fas fa-check"></i> Agregar
            </button>
            <button type="button" class="btn btn-secondary btn-block" style="margin-top:0px;" data-dismiss="modal">
                <i class="fas fa-ban"></i> Cancelar
            </button>
        </div>
      </form>
    </div>
  </div>
</div>
<style>
    tbody tr th, tbody tr td:nth-child(3){
        text-align: center!important;
        vertical-align: middle!important;
    }
    tbody tr th, tbody tr td:nth-child(2){
        vertical-align: middle!important;
    }
    tbody tr th, tbody tr td:nth-child(1){
        vertical-align: middle!important;
    }

    #table_generados tbody tr th, #table_generados tbody tr td:nth-child(2){
        text-align: left!important;
        vertical-align: middle!important;
    }

</style>
@endsection