@extends('layouts.app')
@push('css')
    <link rel="stylesheet" href="{{ asset('css/c3/c3.css') }}">
@endpush
@section('content')
    <div class="">
        <div class="animate__animated animate__fadeInUp cabecera">
            <h2 class="letter-spacing-4">Dashboard</h2>
        </div>
        <div class="empty-space-30"></div>
        <div class="container ml-0 mr-0 pl-0 pr-0 row">
            {{-- DOCUMENTOS --}}
            <div class="animate__animated animate__fadeInUp container tarjetas tarjeta-gris p-3 p-sm-2 p-md-3 p-lg-5 p-xl-5 col-12">
                <div class="row ">
                   <div class="col-12">
                       <h3 class="texto-obscuro">Reparaciones</h3>
                   </div>
               </div>
               <div class="empty-space-30"></div>
                @if($reparaciones != '[]')
                        @foreach($reparaciones as $reparacion)
                            <div class="row row-inicio lista list_custom ml-0 mr-0">
                                <div class="col-6 col-sm-6 col-md-6 col-lg-3 col-xl-3">
                                    <p class="m-0 mb-1 texto-obscuro">Cliente</p>
                                    <h6 class="texto-azul cliente">{{ $reparacion->usuario->name }} {{ $reparacion->usuario->a_paterno }}</h6>
                                </div>
                                <div class="col-6 col-sm-6 col-md-6 col-lg-3 col-xl-3">
                                    <p class="m-0 mb-1 texto-obscuro">RA</p>
                                    <h6 class="texto-azul ">{{ $reparacion->ra }}</h6>
                                </div>
                                <div class="col-6 col-sm-6 col-md-6 col-lg-2 col-xl-2">
                                    <p class="m-0 mb-1 texto-obscuro">Estatus</p>
                                    <h6 class="texto-azul ">{{ $reparacion->estatus }}</h6>
                                </div>
                                <div class="col-6 col-sm-6 col-md-6 col-lg-2 col-xl-2">
                                    <p class="m-0 mb-1 texto-obscuro">Tipo</p>
                                    <h6 class="texto-azul ">
                                        @if($reparacion->tipo_tecnico == 'Técnico SF' && ($reparacion->isPSP == null || $reparacion->isPSP == 'No'))
                                            CoMo
                                            @elseif($reparacion->tipo_tecnico == 'Técnico SF' && $reparacion->isPSP == 'Si')
                                            PSP
                                            @elseif($reparacion->tipo_tecnico == 'Técnico SF USA')
                                            MaPro USA
                                            @else
                                            MaPro Local
                                        @endif
                                    </h6>
                                </div>
                                <div class="col-6 col-sm-6 col-md-6 col-lg-2 col-xl-2">
                                    <p class="m-0 mb-1 texto-obscuro">Fecha de ingreso</p>
                                    <h6 class="texto-azul ">{{ $reparacion->created_at->format('d M Y') }}</h6>
                                </div>
                                @if(get_perfil()["perfil"] == "Distribuidor")
                                    <button class="btn-acciones dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-ellipsis-h text-obscuro"></i></button>
                                    <div class="dropdown-menu menu-acciones-lista" aria-labelledby="dropdownMenuButton">
                                        <a class="dropdown-item btn-cerrar-acciones" href="{{ url('reparacions/'.$reparacion->id) }}"><i class="fa fa-eye"></i></a>
                                    </div>
                                @endif
                                @if(get_perfil()["perfil"] == "Administrador Técnico" )
                                    <button class="btn-acciones dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-ellipsis-h text-obscuro"></i></button>
                                    <div class="dropdown-menu menu-acciones-lista" aria-labelledby="dropdownMenuButton">
                                        <a class="dropdown-item btn-cerrar-acciones" href="{{ url('reparacions/'.$reparacion->id) }}"><i class="fa fa-eye"></i></a>
                                        <a class="dropdown-item btn-cerrar-acciones" href="{{ url('reparacions/status/'.$reparacion->id) }}"><i class="fa fa-wrench"></i></a>
                                    </div>
                                @endif
                                 @if(get_perfil()["perfil"] == "Técnico Local" || get_perfil()["perfil"] == "Técnico SF"|| get_perfil()["perfil"] == "Técnico SF USA" )
                                    <button class="btn-acciones dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-ellipsis-h text-obscuro"></i></button>
                                    <div class="dropdown-menu menu-acciones-lista" aria-labelledby="dropdownMenuButton">
                                        <a class="dropdown-item btn-cerrar-acciones" href="{{ url('reparacions/'.$reparacion->id) }}"><i class="fa fa-eye"></i></a>
                                        <a class="dropdown-item btn-cerrar-acciones" href="{{ url('reparacions/status/'.$reparacion->id) }}"><i class="fa fa-wrench"></i></a>
                                    </div>
                                @endif
                            </div>
                        @endforeach
                    @else
                    <h4 class="titulo-modulo texto-obscuro" style="margin-top:40px">Todavía no haz generado una reparación</h4>
                @endif
                <div class="empty-space-60"></div>
               <div class="row botonera-inferior">
                   <div class="col-12">
                   <a href="{!! url('reparacions') !!}" class="btn btn-principal btn-derecha width-250">Ver todas las reparación <span>-></span></a>
                   </div>
               </div>
           </div>
        </div>
    </div>
@endsection