@extends('layout.main')
@section('contenido')
    {{-- mensaje de restricción --}}
    @if (count($errors) > 0)
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
    @if (Session::has('mensaje'))
        <div class="alert alert-danger alert-dismissible fade show mb-2 mt-2" role="alert">
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            <strong>Atención. </strong>{{Session::get('mensaje')}}
        </div>
    @endif
    <div class="card mb-2 mt-2">
        <div class="card-header">
            <h4>Registrar Beneficiario</h4>
        </div>
        <form action="{{ url('/beneficiario') }}" method="post">
            @csrf
            <div class="card-body">
                <div class="row mb-2 mt-2">
                    <div class="col-md-4">
                        <label><b>Denominación</b></label>
                        <input type="text" class="form-control" name="denominacion"
                            value="{{ isset($beneficiario->denominacion) ? $beneficiario->denominacion : '' }}"
                            id="denominacion" autocomplete="off">
                    </div>
                    <div class="col-md-2">
                        <label><b>RUC ó C.I.Nº</b></label>
                            <input type="text" class="form-control" name="ruc_ci"
                            value="{{ isset($beneficiario->ruc_ci) ? $beneficiario->ruc_ci : '' }}" id="ruc_ci"
                            autocomplete="off">
                    </div>
                </div>
                <div class="row mb-2 mt-2">
                    <div class="col-md-4">
                        <label><b>Dirección</b></label>
                        <input type="text" class="form-control" name="direccion"
                            value="{{ isset($beneficiario->direccion) ? $beneficiario->direccion : '' }}" id="direccion"
                            autocomplete="off">
                    </div>
                    <div class="col-md-2">
                        <label><b>Ciudad</b></label>
                        <select name="idciudad" id="idciudad" class="form-select">
                            @foreach ($ciudades as $ciudad)
                                <option value="{{ $ciudad['idciudad'] }}">{{ $ciudad['nombre'] }}</option>
                            @endforeach
                        </select>
                    </div>
                    <script>
                        $(document).ready(function() {
                            $('#idciudad').select2();
                        });
                    </script>
                </div>
                <div class="row mb-2 mt-2">
                    <div class="col-md-4">
                        <label><b>Correo</b></label>
                        <input type="text" class="form-control" name="correo"
                            value="{{ isset($beneficiario->correo) ? $beneficiario->correo : '' }}" id="correo"
                            autocomplete="off">
                    </div>
                    <div class="col-md-2">
                        <label><b>Teléfono</b></label>
                            <input type="text" class="form-control" name="telefono"
                                value="{{ isset($beneficiario->telefono) ? $beneficiario->telefono : '' }}" id="telefono"
                                autocomplete="off">
                    </div>
                    <div class="col-md-4">
                        <label><b>Observación</b></label>
                        <textarea class="form-control" name="observacion" id="exampleFormControlTextarea1"
                           value="{{ isset($beneficiario->nota) ? $beneficiario->nota : '' }}" rows="2"></textarea>
                    </div>
                </div>
            </div>
            <div class="card-footer" align="right">
                <a href="{{ url('/beneficiario') }}" class="btn btn-secondary btn-lg" title="Cancelar"><i
                        class="fas fa-ban"></i></a>
                <button class="btn btn-success btn-lg" title="Guardar"><i class="fas fa-save"></i></button>
            </div>
        </form>
    </div>
@endsection