@extends('layout.main')
@section('contenido')
@if(Session::has('mensaje'))
    <div class="alert alert-success 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>Ok. </strong>{{Session::get('mensaje')}}
    </div>
@endif
<div class="card mb-2 mt-2">
    <div class="card-header">
        <div class="navbar">
            <h4>Lista de Beneficiarios</h4>
            <form class="d-flex" role="search">
                <input name="texto" autocomplete="off" class="form-control me-2" type="search" placeholder="Buscar" aria-label="Buscar" value="{{$texto}}">
                <button class="btn btn-secondary me-2" type="submit" title="Buscar"><i class="fas fa-search"></i></button>
                <a href="{{url('/beneficiario/create')}}" class="btn btn-primary btn" title="Nuevo"><i class="fas fa-plus"></i></a>
            </form>
        </div>
    </div>
    <div class="card-body">
        <div class="table-responsive">
        <table class="table table-light table-condensed table-striped table-sm">
            <thead class="thead-light">
                <th>Denominación</th>
                <th>RUC ó C.I.N°</th>
                <th>Dirección</th>
                <th>Ciudad</th>
                <th>Telefono</th>
                <th>Correo</th>
                <th>Obs</th>
                <th>Estado</th>
                <th><div align="center">Acciones</div></th>
            </thead>
            <tbody>
                @foreach($beneficiarios as $beneficiario)
                <tr>
                    <td><a href="#" onclick="seleccionar({!! $beneficiario->idbeneficiario !!})" style="cursor: pointer">{!! $beneficiario->denominacion !!}</a></td>
                    {{-- <td><a href="" onclick="seleccionar()">{!!$beneficiario->denominacion!!}</a></td> --}}
                    <td>{!!$beneficiario->ruc_ci!!}</td>
                    <td>{!!$beneficiario->direccion!!}</td>
                    <td>
                        @foreach ($ciudades as $ciudad)
                            @if ($beneficiario->idciudad == $ciudad->idciudad)
                                {!! $ciudad->nombre !!}
                            @endif
                        @endforeach
                    </td>
                    {{-- <td>{{$beneficiario->denominacion}}</td> --}}
                    <td>{!!$beneficiario->telefono!!}</td>
                    <td>{!!$beneficiario->correo!!}</td>
                    <td>{!!$beneficiario->observacion!!}</td>
                    <td>{!!$beneficiario->estado!!}</td>
                    <td width=8% align="center">
                        <a href="{!!url('/beneficiario/'.$beneficiario->idbeneficiario.'/edit')!!}" class="btn btn-warning btn-sm">
                            <i class="fas fa-pen fa-lg" title="Editar" style="cursor: pointer"></i>
                        </a>  
                        {{--<form action="{{route('beneficiario.destroy',$beneficiario->idbeneficiario)}}" method="POST">
                            @csrf
                            @method('DELETE')
                            <input type="submit" class="btn btn-danger btn-sm" value="Borrar" onclick="return confirm('Quieres borrar?')">
                        </form>--}}
                    </td>   
                </tr>
                @endforeach
            </tbody>
        </table> 
        {!! $beneficiarios->links() !!}
    </div>
</div>
<script>
    function seleccionar(id) {
        $(location).attr('href','beneficiario/'+id); // Se redirecciona a la página lista de conceptos de costos
    }
</script>
@endsection