@extends('layouts.app')
@section('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') }}" />
    <style>
        div:where(.swal2-container) {
            z-index: 1091 !important;
        }

        tbody {
            font-size: 12px;
        }
    </style>
@endsection
@section('content')
    <div class="card">
        <div class="card-body">
            <form>
                <div class="row mb-3">
                    <label class="col-sm-2 col-form-label" for="nombre">Nombre</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" id="nombre"
                            value="{{ Auth::user()->entidad->nombre }}">
                    </div>
                </div>
                <div class="row mb-3">
                    <label class="col-sm-2 col-form-label" for="ruc">RUC</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" id="ruc" value="{{ Auth::user()->entidad->ruc }}">
                    </div>
                </div>
                <div class="row mb-3">
                    <label class="col-sm-2 col-form-label" for="direccion">Direccion</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" id="direccion"
                            value="{{ Auth::user()->entidad->direccion }}">
                    </div>
                </div>
                <div class="row mb-3">
                    <label class="col-sm-2 col-form-label" for="telefono">Telefono</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" id="telefono"
                            value="{{ Auth::user()->entidad->telefono }}">
                    </div>
                </div>
                <div class="row mb-3">
                    <label class="col-sm-2 col-form-label" for="logo">Logo</label>
                    <div class="col-sm-10">
                        <input type="file" class="form-control" id="logo">
                    </div>
                </div>

                <div class="row justify-content-end">
                    <div class="col-sm-10">
                        <button id="editar" type="button" class="btn btn-primary"  @cannot('Editar Entidad') disabled @endcannot>Guardar cambios</button>
                    </div>
                </div>
            </form>
 

        </div>

    </div>
    <div class="row mb-5 mt-3">
        <div class=" col-lg-3">
            <div class="card mb-3">
                <div class="card-body">
                    <h5 class="card-title">Logo Sistema</h5>
                    <img class="" src="{{ Auth::user()->entidad->path_logo }}" width="220px">
                </div>
            </div>
        </div>
        <div class="col-lg-3">
            <div class="card  mb-3">
                <div class="card-body">
                    <h5 class="card-title">Logo Vale</h5>
                    <img class="" src="{{ Auth::user()->entidad->path_logo_vale }}" width="220px">
                </div>
            </div>
        </div>
        <div class=" col-lg-6">
            <div class="card  mb-3">
                <div class="card-body">
                    <h5 class="card-title">Logo cabecera reporte</h5>
                    <img class="" src="{{ Auth::user()->entidad->path_logo_reporte }}" width="520px">
                </div>
            </div>
        </div>
    </div>

    <div class="row mt-3">
        <div class="col-6">
            <div class="card-box">
                <div class="row">
                    <div class="col-md-12 mb-3">
                        <label for="logo_vale" class="control-label">Logo para Vale<span
                                class="text-danger">*</span></label>
                        <input type="file" class="form-control" id="logo_vale" accept="image/*">
                    </div>

                </div>
                <div class="row">
                    <div class="col-md-6">
                        <button id="logo_img_vale" class="btn btn-success"  @cannot('Editar Entidad') disabled @endcannot>Guardar cambios</button>

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

                </div>
                <div class="row">
                    <div class="col-md-6">
                        <button id="logo_img_reporte" class="btn btn-success"  @cannot('Editar Entidad') disabled @endcannot>Guardar cambios</button>

                    </div>
                </div>
            </div> <!-- end card-box-->
        </div> <!-- end col -->
    </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/entidad.js') }}"></script>
    <script>
        $('#tipo').select2({
            dropdownParent: '#modal_registar',
            theme: "bootstrap-5",
            width: $(this).data('width') ? $(this).data('width') : $(this).hasClass('w-100') ? '100%' : 'style',
            placeholder: $(this).data('placeholder'),
            placeholder: 'Seleccionar',
            language: {
                noResults: function() {
                    return 'No se encontraron resultados';
                }
            }
        });
        $('#estado_edit').select2({
            dropdownParent: '#modal_editar',
            theme: "bootstrap-5",
            width: $(this).data('width') ? $(this).data('width') : $(this).hasClass('w-100') ? '100%' : 'style',
        });
        $('#tipo_edit').select2({
            dropdownParent: '#modal_editar',
            theme: "bootstrap-5",
            width: $(this).data('width') ? $(this).data('width') : $(this).hasClass('w-100') ? '100%' : 'style',
        });
        $('#estado_edit').select2({
            dropdownParent: '#modal_editar',
            theme: "bootstrap-5",
            width: $(this).data('width') ? $(this).data('width') : $(this).hasClass('w-100') ? '100%' : 'style',
        });
    </script>
@endsection