@extends('home')
@section('title')
  {{ __('Customers') }}
@endsection
@section('styles')
  <style media="screen">
  .Manual{
    background: #f5f5f5
  }
  .Automatic{
    background: #a1bfdb
  }
  .Monthly{
    background: #eaf2f2
  }
  .Yearly{
    background: #aef2bf
  }
  </style>
@endsection
@section('content')
  <div class="page-bar">
    <ul class="page-breadcrumb">
      <li>
        <a href="{{ Route('dashboard.home.page') }}">{{ __('Home') }}</a>
        <i class="fa fa-circle"></i>
      </li>
      <li>
        <strong>
          {{ __('Reports') }}  {{ __('Customers') }}
        </strong>
      </li>
    </ul>
    <div class="page-toolbar">
      <div class="btn-group pull-left">
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-md-12">

      <div class="portlet light bordered">
        <div class="portlet-body">
          <br>
          <table class="table table-striped custom-table  sortable" id="sortable" >
            <thead>
              <tr>
                <th width="5%"><i class="fa fa-list"></i></th>
                <th width="30%"><i class="fa fa-bookmark-o"></i> {{ __('Name') }}</th>
                <th>{{ __('Phone') }}</th>
                <th>{{ __('City') }}</th>

              </tr>
            </thead>
            <tbody>
              @foreach ($users as $index => $user)
                @php
                $address = Optional($user->addresses)->first();
                @endphp
                @continue(!$address)
                <tr id='{{ @$user->id }}' @if (!@$user->publish)
                  class="danger"
                @endif>
                <td>
                  {{ $loop->index + $users->firstItem() }}
                </td>
                <td>
                  <a href="{!! URL::route('admin.user.edit', [@$user->id]) !!}" >{{ @$user->name }}</a>
                </td>
                <td class=" text-right">
                  <p class="text-gray-400"><b>{{ $user->mobile }}</b></p>
                </td>
                <td class="text-center">

                  @if ($address)
                    {!! @$address->destination->title !!}
                  @endif
                </td>
              </tr>
            @endforeach
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
<div class="row">
  <div class="col-12 text-center">
    <a target="_blank" href="{{ route('customers.print') }}" class="btn btn-primary btn-lg ml-auto"><i class="fa fa-print"></i> {{ __('Print') }}</a>
    {{-- <a href="{{ route('invoice.pdf', $order->order_number) }}" class="btn btn-info btn-sm ml-auto"><i class="fa fa-file-pdf-o"></i> {{ __('Export PDF') }}</a> --}}
  </div>
</div>

@endsection
@section('scripts')
  <script type="text/javascript">
    $( function() {
      $.ajaxSetup({
        headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
      });
      // ------------------------
      $('.submit-confirmation').prop('disabled', false);
      // ------------------------
      $("select").select2();
    } );
  </script>
@endsection