@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <div class="row justify-content-between">
                            <div class="col-md-6">
                                <h6 class="mt-2">
                                    {{ __('VER GARITA') }}
                                </h6>
                            </div>
                            <div class="col-md-6 text-end">
                                <a class="btn btn-danger btn-sm" href="{{ route('garitas.index') }}">
                                    {{ __('VOLVER') }}
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="form-group col-md-3 g-3">
                                <label for="ruc_empresa">
                                    {{ __('RUC EMPRESA') }}
                                </label>
                                <input name="ruc_empresa" id="ruc_empresa" class="form-control" value="{{ $garita->ruc_empresa }}" disabled>
                            </div>
                            <div class="form-group col-md-6 g-3">
                                <label for="nombre_garita">
                                    {{ __('NOMBRE') }}
                                </label>
                                <input name="nombre_garita" id="nombre_garita" class="form-control" value="{{ $garita->nombre_garita }}" disabled>
                            </div>
                            <div class="form-group col-md-3 g-3">
                                <label for="horario">
                                    {{ __('HORARIO') }}
                                </label>
                                <input name="horario" id="horario" class="form-control" value="{{ $garita->horario }}" disabled>
                            </div>
                            <div class="form-group col-md-6 g-3">
                                <label for="responable">
                                    {{ __('RESPONSABLE') }}
                                </label>
                                <input name="responsable" id="responsable" class="form-control" value="{{ $garita->responsable->name }}" disabled>
                            </div>
                            <div class="form-group col-md-6 g-3">
                                <label for="contacto">
                                    {{ __('CONTACTO') }}
                                </label>
                                <input name="contacto" id="contacto" class="form-control" value="{{ $garita->contacto }}" disabled>
                            </div>
                            <div class="form-group col-md-12 g-3">
                                <label for="ubicacion_garita">
                                    {{ __('UBICACIÓN') }}
                                </label>
                                <input name="ubicacion_garita" id="ubicacion_garita" class="form-control" value="{{ $garita->ubicacion_garita }}" disabled>
                            </div>
                            <div class="form-group col-md-12 g-3">
                                <label for="descripcion_garita">
                                    {{ __('DESCRIPCIÓN') }}
                                </label>
                                @if($garita->descripcion_garita)
                                    <input name="descripcion_garita" id="descripcion_garita" class="form-control" value="{{ $garita->descripcion_garita }}" disabled>
                                    @else
                                    <input name="descripcion_garita" id="descripcion_garita" class="form-control" placeholder="no hay descripción disponible" disabled>
                                @endif
                            </div>
                            <span class="mt-3"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection