@extends('layouts.app')

@section('content-header')
    <div class="col-sm-6">
        <h1 class="m-0"><i class="nav-icon fas fa-file-signature fa-xs"></i> {{ __('Garantías') }}</h1>
    </div><!-- /.col -->
    <div class="col-sm-6">
        <ol class="breadcrumb float-sm-right">
        <li class="breadcrumb-item"><a href="#">Home</a></li>
        <li class="breadcrumb-item">Garantías</li>
        <li class="breadcrumb-item active">Detalle de Garantía</li>
        </ol>
    </div><!-- /.col -->
@endsection

@section('content')

  <section class="content">

    <!-- Default box -->
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">Garantía #{{ $garantia->id }}</h3>

            <div class="card-tools">
            <button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse">
                <i class="fas fa-minus"></i>
            </button>
            <button type="button" class="btn btn-tool" data-card-widget="remove" title="Remove">
                <i class="fas fa-times"></i>
            </button>
            </div>
        </div>
        <div class="card-body">
            
            <div class="row">

                <div class="col-lg-6">
                    <div class="card card-primary card-outline">

                        @switch($garantia->estado_id)
                            @case(\App\Enums\GarantiaEstadoEnum::TRAMITE)
                                <div class="ribbon-wrapper ribbon-lg"><div class="ribbon bg-warning">{{ $garantia->estado_id->label() }}</div></div>
                                @break
                            @case(\App\Enums\GarantiaEstadoEnum::APROBADA)
                                <div class="ribbon-wrapper ribbon-lg"><div class="ribbon bg-success">{{ $garantia->estado_id->label() }}</div></div>
                                @break
                            @case(\App\Enums\GarantiaEstadoEnum::RECHAZADA)
                            @case(\App\Enums\GarantiaEstadoEnum::VENCIDA)
                                <div class="ribbon-wrapper ribbon-lg"><div class="ribbon bg-danger">{{ $garantia->estado_id->label() }}</div></div>
                                @break
                                
                        @endswitch

                        <div class="card-header">
                            <h5 class="m-0">Detalle</h5>
                        </div>
                        <div class="card-body">
                            <dl class="row">
                                <dt class="col-sm-4">Inquilino</dt>
                                <dd class="col-sm-8">
                                    <a href="{{ route('inquilinos.show', $garantia->inquilino_id) }}"> 
                                        {{ $garantia->inquilino->apellidos }}, {{ $garantia->inquilino->nombres }}
                                    </a>
                                </dd>
                                <dt class="col-sm-4">Tipo de garantía</dt>
                                <dd class="col-sm-8">{{ $garantia->tipo->descripcion }}</dd>
                                <dt class="col-sm-4">Fecha de vencimiento</dt>
                                <dd class="col-sm-8">{{ $garantia->fecha_vencimiento->format('d/m/Y') }} 
                                    @if(\Carbon\Carbon::now()->diffInDays($garantia->fecha_vencimiento, false) >= 0 && \Carbon\Carbon::now()->diffInDays($garantia->fecha_vencimiento, false) < 30) <span class="badge bg-warning">próximo a vencer</span> @endif
                                </dd>
                                <dt class="col-sm-4">Estado</dt>
                                <dd class="col-sm-8">{{ $garantia->estado_id->label() }}</dd>
                                <dt class="col-sm-4">Nota</dt>
                                <dd class="col-sm-8">{{ $garantia->nota }}</dd>
                            </dl>
                        </div>
                    </div>            
                </div><!-- /.col -->

                <div class="col-lg-6">
                    <div class="card card-warning card-outline">
                    <div class="card-header">
                        <h5 class="m-0">Archivos adjuntos</h5>
                    </div>
                    <div class="card-body">
                        
                        <table class="table">
                            <thead>
                                <tr>
                                    <th>Descripción</th>
                                    <th class="text-center">Subido el</th>
                                    <th class="text-center"></th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($garantia->archivos as $archivo)
                                <tr>
                                    <td>{{ $archivo->descripcion }}</td>
                                    <td class="text-center">{{ $archivo->created_at->format('d/m/Y') }}</td>
                                    <td class="text-center">
                                        <a class="btn btn-success btn-xs" href="{{ asset('storage/'.$archivo->ruta) }}" target="_blank">
                                            <i class="fas fa-eye"></i> Ver
                                        </a>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>                        
                        </table>

                    </div>
                    </div>            
                </div><!-- /.col -->

            </div><!-- /.row -->
            
        </div>
        <!-- /.card-body -->
        <div class="card-footer">
            <a href="{{ url()->previous() }}" class="btn btn-primary">Volver</a>
        </div>
        <!-- /.card-footer-->
    </div>
    <!-- /.card -->

  </section><!-- /.content -->

@endsection

@section('custom-scripts')
    
  <script>

  $(function () {
    
  });

  </script>
@endsection