@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-8">
                <div class="card-box">
                    <div class="row ">
                        <div class="col-md-12">
                            <div class="form-group row">
                                <label for="nombre" class="col-4 col-form-label">Razon social de la entidad<span class="text-danger">*</span></label>
                                <div class="col-7">
                                    <input type="text"  class="form-control" id="nombre" value="{{Auth::user()->entidad->nombre}}" placeholder="Escriba nombre de la entidad">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group row">
                                <label for="ruc" class="col-4 col-form-label">RUC de la entidad<span class="text-danger">*</span></label>
                                <div class="col-7">
                                    <input type="text"   value="{{Auth::user()->entidad->ruc}}" class="form-control" id="ruc" placeholder="Escriba RUC de la entidad">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group row">
                                <label for="direccion" class="col-4 col-form-label">Dirección de la entidad<span class="text-danger">*</span></label>
                                <div class="col-7">
                                    <input type="text" class="form-control" id="direccion" value="{{Auth::user()->entidad->direccion}}" placeholder="Escriba la dirección de la entidad">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group row">
                                <label for="correo" class="col-4 col-form-label">Correo de la entidad<span class="text-danger">*</span></label>
                                <div class="col-7">
                                    <input type="email" class="form-control" value="{{Auth::user()->entidad->correo}}" id="correo" placeholder="Escriba correo electronico de la entidad">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group row">
                                <label for="telefono" class="col-4 col-form-label">Teléfono de la entidad<span class="text-danger">*</span></label>
                                <div class="col-7">
                                    <input type="text"  class="form-control" id="telefono" value="{{Auth::user()->entidad->telefono}}" placeholder="Escriba telefono de la entidad">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group row">
                                <label for="representante" class="col-4 col-form-label">Representante legal de la entidad<span class="text-danger">*</span></label>
                                <div class="col-7">
                                    <input type="text"  value="{{Auth::user()->entidad->representante}}" class="form-control" id="representante" placeholder="Escriba representante legal de la entidad">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group row">
                                <label for="representante" class="col-4 col-form-label">Nombre del año<span class="text-danger">*</span></label>
                                <div class="col-7">
                                    <input type="text"  value="{{Auth::user()->entidad->nombre_anio}}" class="form-control" id="nombre_anio" placeholder="Escriba el nombre del año actual">
                                </div>
                            </div>
                        </div>
                        
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <button id="editar" class="btn btn-success">Guardar cambios</button>

                        </div>
                    </div>
                </div> <!-- end card-box-->
            </div> <!-- end col -->
            <div class="col-md-4">
                <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">Logo de la entidad</h4>
                        <div id="cardCollpase3" class="col-md-12 collapse show d-flex justify-content-center">
                            <img src="{{Auth::user()->entidad->path_logo}}" alt="" width="380px">
                        </div>

                        
                    </div> <!-- end card-body -->
                </div>
            </div>
        </div>
        
        <div class="row">
            <div class="col-12">
                <div class="card-box">
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label for="logo" class="control-label">Logo oficial de la entidad <span class="text-danger">*</span></label>
                            <input type="file" class="form-control" id="logo" accept="image/*">
                        </div>

                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <button id="logo_img" 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/mientidad.js') }}"></script>
@endsection