@extends('layouts.app')

@section('content')
<div>
    <div class="row justify-content-center">
        <div class="col-md-8">

            @include('includes.message')

            <h4 class="titulo">Panel de Tipos de Servicios</h4>

            <div class="btn-nuevo">
                <a href="{{ route('tipos.nuevo')}}" class="btn btn-outline-primary">
                    Nuevo Tipo de Servicio
                </a>
            </div>

            <div class="clearfix"></div>

            @if(empty($tipos_servicios[0]))
            <div class="card">
                <div class="card-header">
                    <div class="data-cliente">Aún no hay Tipos de Servicios cargados</div>
                </div>
            </div>

            @else

            @foreach($tipos_servicios as $servicio)

            <form method="POST" 
                  action="{{route('tipos.modificar', ['servicio'=>$servicio])}}" 
                  enctype="multipart/form-data" aria-label="{{ __('Servicio') }}">

                @csrf               
            
            <div class="card">

                <div class="card-header">
                    <div class="data-cliente lead text-center">
                        <a>{{$servicio->nombre}}</a>

                    </div>
                </div>

                <div class="card-body">

                    <div class="form-group row">  
                        <div class="col-md-6">
                            Requiere control de estaciones:
                            <img src='https://img.icons8.com/offices/30/000000/cancel.png'>                        </div>
                        <div class="col-md-6">
                            @if($servicio->tiempo_garantia > 0)
                            Garantía: {{$servicio->tiempo_garantia}} meses
                            @endif
                        </div>
                    </div>

                    {{$servicio->descripcion}}

                    <br/>

                    <div class="clearfix"></div>
                    <div class="form-group row mb-0">
                        <div class="col-md-6 offset-md-4">
                            <button type="submit" class="btn btn-outline-primary" name="b-modificar">
                                Modificar
                            </button>

                            <button type="submit" 
                                    onclick="return confirm('¿Seguro que desea eliminar {{$servicio->nombre}}?')" 
                                    class="btn btn-outline-danger" name ="b-borrar">
                                Borrar
                            </button>
                        </div>
                    </div>
                    <br/>

                </div>
            </div>
            </form>
            <br/>
            @endforeach
            @endif


            <!-- paginacion -->
            <div class="clearfix"></div>
            {{$tipos_servicios->links()}}

        </div>

    </div>
</div>
@endsection