@php
    $tiponomina = 'Nóminas';
@endphp
@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('title', 'Administración de Nóminas')
@section('contenido_title', 'Administración de Nóminas')
@section('contenido')
    @include('plantilla.timbres')
    <div class="col-xs-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>

    <p style="margin-top:15px;">Nóminas que se encuentran registradas actualmente dentro de la aplicación.</p>
    @include('plantilla.mensajes')
    <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">Nominas</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 Nómina</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 Comprobante
                        </button>
                    </div>
                </div>
            </div>
            <div class="form-row" style="margin-top:15px;">
                <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                    <label for="tipoempleado">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 class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                    <label for="nomina">Seleccione una Nómina</label>
                    <div id="resultado" class="align-middle text-center">
                        <div class="form-group spinner-border text-success " role="status">
                            <span class="sr-only">Loading...</span>
                        </div>
                    </div>
                </div>
                <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6"></div>
                <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6" id="spinner"
                    style="padding:0px; margin-bottom:10px;"></div>
            </div>
            @include('nominas.plant_filtrado_estatus')
            @include('plantilla.generarcfdi')
        </div>
        <!--Modal periodo_nominas-->
        <div class="modal fade" id="modal_nomina" data-backdrop=static 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 de la nómina.</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-xs-6 col-sm-6 col-md-6 col-lg-6">
                                    <label for="fecha_inicio"><strong>Fecha Inicio</strong></label>
                                    <input type="date" min="2015-01-01" max="2030-01-01" name="fecha_inicio"
                                        class="form-control" required autofocus>
                                </div>
                                <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                                    <label for="fecha_fin"><strong>Fecha Fin</strong></label>
                                    <input type="date" min="2015-01-01" max="2030-01-01" name="fecha_fin"
                                        class="form-control" required>
                                </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>

        <!--------->
        <!--Modal Relación Nómina-->
        @include('nominas.administracion.relacion-docto')
        <!---->
        @include('nominas.administracion.form-nomina')


        @include('plantilla.modal_cfdi')
    @endsection
    <style>
        #table_timbres tbody tr th,
        #table_timbres tbody tr td:nth-child(3) {
            text-align: left !important;
            vertical-align: middle !important;
        }

        #table_timbres tbody tr th,
        #table_timbres tbody tr td:nth-child(4) {
            text-align: center !important;
            vertical-align: middle !important;
        }

        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(1) {
            vertical-align: middle !important;
        }

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

        .genera {
            display: none !important;
        }
    </style>
    @section('endscript')
        <script>
            var tiponomina = 1;
        </script>
        <script src="{{ asset('plugins/datatables/data/js/jquery.dataTables.min.js') }}"></script>
        <script src="{{ asset('plugins/datatables/data/js/dataTables.bootstrap4.min.js') }}"></script>
        <script src="{{ asset('plugins/sweetalert/sweetalert.min.js') }}"></script>
        <script src="{{ asset('js/getnominas.js') }}"></script>
        <script src="{{ asset('js/nominasfunction.js') }}"></script>

        <script>
            var servername = '{{ 'http:\/\/' . $_SERVER['SERVER_NAME'] }}';
        </script>
        <script src="{{ asset('js/descargar.js') }}"></script>
        <script>
            function MostrarError(mensaje) {
                ToastWarning(mensaje);
            }
            infoLicencia();
        </script>
    @endsection