@extends('layouts.app')
@section('style')   
<link rel="stylesheet" type="text/css" href="{{asset('datatable/DataTables-1.10.20/css/jquery.dataTables.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('datatable/DataTables-1.10.20/css/dataTables.bootstrap4.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('datatable/Buttons-1.6.1/css/buttons.dataTables.min.css')}}">
<style type="text/css" media="screen">
table tbody th, table tbody td {
    padding: 2px 10px !important; /* e.g. change 8x to 4px here */
}
table thead th, table thead td {
    padding: 5px 10px !important; /* e.g. change 8x to 4px here */
    text-align: center;
}
table.dataTable tbody th, table.dataTable tbody td {
    padding: 2px 10px; /* e.g. change 8x to 4px here */
}
table.dataTable thead th, table.dataTable thead td {
    padding: 10px 10px; /* e.g. change 8x to 4px here */
    text-align: center;
}
.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h5 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h5 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h5 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h5 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h5 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h5 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h5 {
    color: #5bc0de;
}	
</style>
@endsection
    

@section('content')
<div class="card-header">
    <div class="form-row col-md-12">
    <div class="form-group row col-md-7">
    	<h2>Registro de documentos </h2>
    </div>  
    <div class="form-group col-md-5 text-right">
    	<a type="button" href="#ModalLista" data-toggle="modal" data-href="{{route('documento.listaanexadocumento',1)}}" class="btn btn-info btn-lg " ><i class="fas fa-file-signature"></i> Anexar</a>
    	<a type="button" href="#ModalLista" data-toggle="modal" data-href="{{route('documento.listardatatbledocumentoobservado',1)}}" class="btn btn-warning btn-lg " ><i class="fas fa-puzzle-piece fa-lg"></i> Observados</a>
    	<a type="button" href="#ModalScrollable" data-toggle="modal" data-href="{{route('documento.create')}}" data-backdrop="static" data-keyboard="false" class="btn btn-primary btn-lg " ><i class="fa fa-plus fa-lg"></i> Nuevo documento</a>
    </div>  
    </div> 
</div>
<div class="card" id='pdfcreado'>


</div>
   
      
    @if (session('status'))
        <div class="alert alert-success" role="alert">
            {{ session('status') }}
        </div>
    @endif

<!-- Modal -->
<form id="frm" action="#" method="post" enctype="multipart/form-data">
<div class="modal fade" id="ModalScrollable" tabindex="-1" role="dialog" aria-labelledby="exampleModalScrollableTitle" aria-hidden="true" style="z-index: 2048;" >
    <div class="modal-dialog modal-dialog-scrollable modal-xl" role="document">
        <div class="modal-content" id="modal_content">
		<div class="modal-body">
		</div>
        </div>
    </div>
</div> 
</form>	

<div class="modal fade" id="ModalLista" tabindex="-1" role="dialog" aria-labelledby="exampleModalScrollableTitle" aria-hidden="true">
    <div class="modal-dialog modal-xl" role="document">
        <div class="modal-content" id="modaltable">
            
        </div>
    </div>
</div>
@endsection
@section('scripts')
<script src="{{asset('js/documentos.js?v2')}}"></script>
<script type="text/javascript" src="{{asset('datatable/DataTables-1.10.20/js/jquery.dataTables.min.js')}}"></script>
<script type="text/javascript" src="{{asset('datatable/DataTables-1.10.20/js/dataTables.bootstrap4.min.js')}}"></script>
<script type="text/javascript" src="{{asset('datatable/Buttons-1.6.1/js/dataTables.buttons.min.js')}}"></script>
<script type="text/javascript" src="{{asset('datatable/Buttons-1.6.1/js/buttons.flash.min.js')}}"></script>
<script type="text/javascript" src="{{asset('datatable/JSZip-2.5.0/jszip.min.js')}}"></script>
<script type="text/javascript" src="{{asset('datatable/pdfmake-0.1.36/pdfmake.min.js')}}"></script>
<script type="text/javascript" src="{{asset('datatable/pdfmake-0.1.36/vfs_fonts.js')}}"></script>
<script type="text/javascript" src="{{asset('datatable/Buttons-1.6.1/js/buttons.html5.min.js')}}"></script>
<script type="text/javascript" src="{{asset('datatable/Buttons-1.6.1/js/buttons.print.min.js')}}"></script>
<script type="text/javascript" src="{{asset('datatable/Buttons-1.6.1/js/buttons.colVis.min.js')}}"></script>
<script src="{{asset('js/input-mask/jquery.inputmask.js')}}"></script>
<script src="{{asset('js/input-mask/jquery.inputmask.date.extensions.js')}}"></script>
<script src="{{asset('js/input-mask/jquery.inputmask.regex.extensions.js')}}"></script>
@endsection