@extends('externo/layout')
@section('contenido')
<!-- Page Title -->
<div class="page-title-area">
    <img src="{!! asset('externo/assets/img/home-one/footer-car.png') !!}" alt="Title">
    <div class="container">
        <div class="page-title-content">
            <h2>Talleres Mecanicos</h2>
            <ul>
                <li>
                    <a href="{{ route('index') }}">Inicio</a>
                </li>
                <li>
                    <i class='bx bx-chevron-right'></i>
                </li>
                <li>Talleres Mecanicos</li>
            </ul>
        </div>
    </div>
</div>
<!-- Sign Up -->
<div class="signup-area pt-100 pb-70">
    <div class="container">
        <div class="row align-items-center justify-content-center">
            <div class="col-lg-12">
                <div class="blog-details-item">
                    <div class="blog-details-search">
                        <form  action="{{ route('directorio.talleres.buscar') }}" method="POST">
                            @csrf
                            <div class="row">
                                <div class="col-md-12 col-lg-12 col-12 mt-2">
                                    <input type="text" class="form-control" name="buscar" @if ($buscarDtos) value="{{ $buscarDtos }}"  @endif placeholder="Buscar">
                                </div>
                                <div class="col-md-12 col-lg-12 col-12 mt-2">
                                    <button type="submit" class="btn search-btn">
                                        <i class='bx bx-search'></i>
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="blog-details-category">
                        <h3>Lista de resultados</h3>
                        <ul>
                            @foreach ($datos as $item)
                            <li>
                                <a  data-bs-toggle="modal" data-bs-target="#ver{{  $item->token }}">
                                    {{ $item->establecimiento }} -  {{ $item->direccion }}
                                    <i class='bx bx-right-arrow-alt'></i>
                                </a>
                            </li>
                            <div class="modal fade" id="ver{{  $item->token }}" tabindex="-1">
                                <div class="modal-dialog modal-lg">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title">Datos del Establecimiento</h5>
                                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                        </div>
                                        <div class="modal-body">
                                            <label class="control-label">Nombre del taller</label>
                                            <input class="form-control" type="text"  value="{{ $item->establecimiento }}" disabled>
                                            <label class="control-label">Administrador de la sucursal</label>
                                            <input class="form-control" type="text"  value="{{ $item->nombre }}" disabled>
                                            <label class="control-label">Correo electrónico de contacto</label>
                                            <input class="form-control" type="text"  value="{{ $item->correo }}" disabled>
                                            <label class="control-label">RFC</label>
                                            <input class="form-control" type="text"  value="{{ $item->rfc }}" disabled>
                                            <label class="control-label">Teléfono</label>
                                            <input class="form-control" type="text"  value="{{ $item->telefono }}" disabled>
                                            <label class="control-label">Dirección taller</label>
                                            <input class="form-control" type="text"  value="{{ $item->direccion }}" disabled>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-danger" data-bs-dismiss="modal"><i class="bx  bxs-x-circle"></i> Cerrar</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection