@extends('layout.administrator.index')
@section('title', 'Domiciliarios')

@section('content')
  <div class="content-wrapper">
    <section class="content-header">
      <h1>Domiciliarios</h1>
      <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{route('administrator.dashboard')}}"><i class="fa fa-dashboard"></i> Inicio</a></li>
        <li class="breadcrumb-item"><a href="{{route('administrator.domiciliary.index')}}">Domiciliarios</a></li>
        <li class="breadcrumb-item active">Detalle</li>
      </ol>
    </section>

    <section class="content">
      <div class="row">
        <div class="col-md-8">
          <div class="box">
            <div class="box-body">
              <div class="row">
                <div class="col-md-12">
                  <label for="">Nombre: </label>
                  <h4> <b>{{$domiciliary->name}} {{$domiciliary->last_name}}</b> </h4>
                </div>
              </div>
              <div class="row">
                <div class="col-md-6">
                  <label for="">Documento: </label>
                  <h4> <b>{{$details->id_number}}</b> </h4>
                  <label for="">Dirección: </label>
                  <h4> <b>{{$details->address}}</b> </h4>
                  <label for="">Teléfono: </label>
                  <h4> <b>{{$details->phone}}</b> </h4>
                </div>
                <div class="col-md-6">
                  <label for="">Transporte: </label>
                  <h4> <b>{{$details->transport->name}}</b> </h4>
                  <label for="">Domiciliario: </label>
                  <h4> <span class="badge badge-{{Config::get('const.state_delivery')[$details->state_delivery]['type']}}">{{Config::get('const.state_delivery')[$details->state_delivery]['name']}}</span> </h4>
                  <label for="">Estado: </label>
                  <h4> <span class="badge badge-{{Config::get('const.states')[$details->state]['type']}}">{{Config::get('const.states')[$details->state]['name']}}</span> </h4>
                </div>
              </div>
            </div>
          </div>
          <div class="box">
            <div class="box-header with-border bg-primary">
              <div class="row align-items-center">
                <div class="col-12">
                  <h4 class="box-title">Domicilios</h4>
                </div>
              </div>
            </div>
            <div class="box-body">
              <table class="table table-hover table-responsive">
                <thead>
                  <tr>
                    <th class="text-center">Referencia</th>
                    <th class="text-center">Nombre</th>
                    <th class="text-center">Valor domicilio</th>
                    <th class="text-center">Opciones</th>
                  </tr>
                </thead>
                <tbody class="text-center">
                  @if (count($delivery)>0)
                    @foreach ($delivery as $listDelivery)
                      <tr>
                        <td style="vertical-align:middle;" class="font-weight-bold">
                          <b>#{{$listDelivery->reference}}</b>
                        </td>
                        <td style="vertical-align:middle;" class="font-weight-bold">
                          <b>{{$listDelivery->getCustomer->name}} {{$listDelivery->getCustomer->last_name}}</b>
                        </td>
                        <td style="vertical-align:middle;" class="font-weight-bold">
                          <b>${{number_format(json_decode($listDelivery->total_price)->total, 0, ',', '.')}}</b>
                        </td>
                        <td style="vertical-align:middle;" class="font-weight-bold">
                          <a href="#" class="btn btn-sm btn-info">
                            <b>Ver mas</b>
                          </a>
                        </td>
                      </tr>
                    @endforeach
                  @else
                    <tr>
                      <td colspan="4">No se encontraron domicilios</td>
                    </tr>
                  @endif
                </tbody>
              </table>
            </div>
            <div class="box-footer clearfix">
              {{-- Pagination --}}
            </div>
          </div>
        </div>
        <div class="col-md-4">
          <div class="box">
            <div class="box-body">
              <div class="row">
                <div class="col-md-12 text-center">
                  @if ($details->photo != null)
                    @if (file_exists( public_path().'/assets/images/domiciliary/' . $details->photo))
                      <img class="imgPhotoShowDomiciliary" src="{{asset('assets/images/domiciliary')}}/{{$details->photo}}" alt="Foto">
                    @else
                      <img class="imgPhotoShowDomiciliary" src="{{asset('assets/images/domiciliary/notImage.jpg')}}" alt="Logo">
                    @endif
                  @else
                    <img class="imgPhotoShowDomiciliary" src="{{asset('assets/images/domiciliary/notImage.jpg')}}" alt="Logo">
                  @endif
                </div>
              </div>
            </div>
          </div>
          <div class="box box-widget widget-user-2 showDomiciliaryList">
            <div class="widget-user-header bg-primary text-center">
              <h5 class="">Ultimas Liquidaciones</h5>
            </div>
            <div class="box-footer no-padding">
              <ul class="nav d-block nav-stacked">
                {{-- <li class="nav-item">
                  <a href="#" class="nav-link">
                    <b class="text-success">15/05/2020 01:23 AM</b>
                    <span class="pull-right badge bg-success">$ {{number_format(10000, 0,',','.')}}</span>
                  </a>
                </li>
                <li class="nav-item">
                  <a href="#" class="nav-link">
                    <b class="text-success">15/05/2020 01:23 AM</b>
                    <span class="pull-right badge bg-success">$ {{number_format(10000, 0,',','.')}}</span>
                  </a>
                </li>
                <li class="nav-item">
                  <a href="#" class="nav-link">
                    <b class="text-success">15/05/2020 01:23 AM</b>
                    <span class="pull-right badge bg-success">$ {{number_format(10000, 0,',','.')}}</span>
                  </a>
                </li>
                <li class="nav-item">
                  <a href="#" class="nav-link">
                    <b class="text-success">15/05/2020 01:23 AM</b>
                    <span class="pull-right badge bg-success">$ {{number_format(10000, 0,',','.')}}</span>
                  </a>
                </li> --}}
                <li class="nav-item">
                  <a href="#" class="nav-link text-center">
                    <b class="text-default"><i class="fa fa-frown-o"></i> Aun no tienes liquidaciones</b>
                  </a>
                </li>
              </ul>
            </div>
            <a href="#" class="small-box-footer viewAll">Ver Todas <i class="fa fa-arrow-right"></i></a>
          </div>
        </div>
      </div>
    </section>
  </div>
@endsection

@section('js')
  <script type="text/javascript">
    $( document ).ready(function() {

    });
  </script>
@endsection