@extends('template.layout')

@section('styles')

@endsection

@section('content')
    <h1 class="page-title">
        Tesorer&iacute;a
    </h1>

    <div class="portlet light">
        <div class="portlet-title">
            <div class="caption">
                <span class="caption-subject bold"> Pagos Externos </span>
            </div>
            <div class="actions">
                @if($existe)

                @endif
            </div>
        </div>
        <div class="portlet-body">
            @if($existe)
                <button class="btn btn-primary">Generar Recibo</button>
                <table class="table table-hover nowrap dataTable dtr-inline collapsed" id="tb-gestionpagos" width="100%" role="grid">
                    <thead class="thead-default">
                    <tr>
                        <th>N&uacute;mero</th>
                        <th>DNI</th>
                        <th>Nombre Completo</th>
                        <th>Estado</th>
                        <th>Opciones</th>
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            @else
                <div class="text-center" style="padding-bottom: 2%">
                    <h4> No existe caja aperturada </h4>
                </div>
            @endif
        </div>
    </div>

    <div id="Modal" class=""></div>
@endsection
@section('scripts')
    @if($existe)
        <script>
            var url_base = "{{ url('tesoreria/externos') }}";
            var url_data = "{{ route('pagos.externos.get') }}";
        </script>
        <script src="{{asset('js/pages/tesoreria.externos.index.js')}}"></script>
    @endif
@endsection