@extends('home')
@section('css')
    <!-- Plugins css -->

    <link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/dataTables.bootstrap5.min.css">
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
    <script src="https://code.jquery.com/jquery-3.7.0.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <link rel="stylesheet" href="{{ asset('css/select2-bootstrap-5-theme.min.css') }}" />
@endsection

@section('content')
    <div class="container-fluid">

    
        <!-- end page title -->
        <div class="row mt-3">
            <div class="col-md-6">
                <div class="card">
                    <div class="card-body">
                        <div class="card-widgets">
                            <a href="javascript: void(0);" data-toggle="reload"><i class="mdi mdi-refresh"></i></a>
                            <a data-toggle="collapse" href="#cardCollpase3" role="button" aria-expanded="false" aria-controls="cardCollpase3"><i class="mdi mdi-minus"></i></a>
                            <a href="javascript: void(0);" data-toggle="remove"><i class="mdi mdi-close"></i></a>
                        </div>
                        <h4 class="header-title mb-0">Cabecera Anexos</h4>
                        <div id="cardCollpase3" class="col-md-12 collapse show">
                            <img class="pt-3" src="{{Auth::user()->entidad->path_anexos}}" alt="" width="520px">
                        </div>

                        
                    </div> <!-- end card-body -->
                </div>
            </div> <!-- end col -->
            <div class="col-md-6">
                <div class="card">
                    <div class="card-body">
                        <div class="card-widgets">
                            <a href="javascript: void(0);" data-toggle="reload"><i class="mdi mdi-refresh"></i></a>
                            <a data-toggle="collapse" href="#cardCollpase4" role="button" aria-expanded="false" aria-controls="cardCollpase3"><i class="mdi mdi-minus"></i></a>
                            <a href="javascript: void(0);" data-toggle="remove"><i class="mdi mdi-close"></i></a>
                        </div>
                        <h4 class="header-title mb-0">Cabecera Oficio</h4>
                        <div id="cardCollpase4" class="col-md-12 collapse show">
                            <img class="pt-3" src="{{Auth::user()->entidad->path_oficios}}" alt="" width="520px">
                        </div>

                        
                    </div> <!-- end card-body -->
                </div>
            </div>
        </div>
        
        <div class="row">
            <div class="col-md-6">
                <div class="card-box">
                    <div class="row">
                        <div class="col-md-12 mb-3">
                            <label for="anexos_img" class="control-label">Cargar imagen para cabecera Anexos <span class="text-danger">*</span></label>
                            <input type="file" class="form-control" id="anexos_img" accept="image/*">
                        </div>

                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <button id="agregar_1" class="btn btn-success">Guardar cambios</button>

                        </div>
                    </div>
                </div> <!-- end card-box-->
            </div> <!-- end col -->
            <div class="col-md-6">
                <div class="card-box">
                    <div class="row">
                        <div class="col-md-12 mb-3">
                            <label for="oficio_img" class="control-label">Cargar imagen para cabecera Oficio <span class="text-danger">*</span></label>
                            <input type="file" class="form-control" id="oficio_img" accept="image/*">
                        </div>

                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <button id="agregar_2" class="btn btn-success">Guardar cambios</button>

                        </div>
                    </div>
                </div> <!-- end card-box-->
            </div> <!-- end col -->
        </div>

        <!-- end page title -->
        <div class="row mt-3">
            <div class="col-md-6">
                <div class="card">
                    <div class="card-body">
                        <div class="card-widgets">
                            <a href="javascript: void(0);" data-toggle="reload"><i class="mdi mdi-refresh"></i></a>
                            <a data-toggle="collapse" href="#cardCollpase5" role="button" aria-expanded="false" aria-controls="cardCollpase3"><i class="mdi mdi-minus"></i></a>
                            <a href="javascript: void(0);" data-toggle="remove"><i class="mdi mdi-close"></i></a>
                        </div>
                        <h4 class="header-title mb-0">Cabecera Reportes</h4>
                        <div id="cardCollpase5" class="col-md-12 collapse show">
                            <img class="pt-3" src="{{Auth::user()->entidad->path_reportes}}" alt="" width="520px">
                        </div>

                        
                    </div> <!-- end card-body -->
                </div>
            </div> <!-- end col -->
            
            
        </div>
        <div class="row">
            <div class="col-md-6">
                <div class="card-box">
                    <div class="row">
                        <div class="col-md-12 mb-3">
                            <label for="reportes_img" class="control-label">Cargar imagen para cabecera Reportes <span class="text-danger">*</span></label>
                            <input type="file" class="form-control" id="reportes_img" accept="image/*">
                        </div>

                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <button id="agregar_3" class="btn btn-success">Guardar cambios</button>

                        </div>
                    </div>
                </div> <!-- end card-box-->
            </div> <!-- end col -->
            
        </div>


    </div>
@endsection

@section('js')
    <script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/1.13.6/js/dataTables.bootstrap5.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>

    <script src="{{ asset('js/mipdf.js') }}"></script>
@endsection