@extends('layouts.main')

@section('content')
    <h1>{{$title}}</h1>
    @if(Auth::user()->canDo(['create_customer']))
      <a class="btn btn-dark" href="{{route('customer.create')}}">Add customer</a>
    @endif
    
        <div class="table-responsive">                          
          <table class="table table-hover table-striped table-sm" id="example">
            <thead> 
              <th>ID</th>              
              <th>Date</th>
              <th>Name</th>
              <th>Phone Number</th>
              <th>District</th>
              <th>Location</th>
              <th>Gender</th>
              <th>Age</th>
              <th>Customer Type</th> 
              <th>Referee</th>         
              <th>Action</th>         
            </thead>
            <tbody>
              @foreach($customers as $customer)            
                <tr>
                    <td>{{ $customer->id }}</td>
                    <td>{{Carbon\Carbon::parse($customer->created_at)->format('Y-m-d')}}</td>
                    <td>{{ $customer->name}}</td>
                    <td>{{ $customer->phone_number}}</td>
                    <td>{{ $customer->address}}</td> 
                    <td>{{ $customer->location($customer->id) }}</td>
                    <td>{{ $customer->gender }}</td>
                    <td>{{ $customer->age }}</td>
                    <td>{{ $customer->customer_type }}</td>  
                    <td>{!! $customer->refrees($customer->id) !!}</td>                   
                    <td>
                      <a class="btn btn-info btn-sm" href="{{url('transactions/'.$customer->id)}}">Statement</a>
                    
                    </td>                        
                </tr>
              @endforeach             
            </tbody>
          </table>          
      </div>  
@endsection