@extends('adminlte::page')

@section('title', 'Reef | Discount Code')

@section('content_header')
  <div class="row">
    <div class="col-12" id="divContent">
      <div class="card">
        <div class="card-header d-flex">
          <h1>Companies with discount code</h1>
        </div>
        <div class="card-body">
          @if(count($discountCodeCompany)>0)
            <table id="main_table" class="table table-hover text-center align-middle">
              <thead class="thead-dark">
              <tr>
                <th>#</th>
                <th>Full name</th>
                <th>Email</th>
                <th>Company name</th>
                <th>Phone</th>
                <th>Discount Code</th>
                <th>Times Used</th>
                <th>Expiry Date</th>
              </tr>
              </thead>
              <tbody >

              @foreach($discountCodeCompany as $company)
                @if($company->company)
                <tr>
                  <td>{{$company->iteration}}</td>
                  @if($company->user)
                  <td>{{$company->user->name}}</td>
                  @else
                  <td></td>
                  @endif
                  @if($company->user)
                  <td>{{$company->user->email}}</td>
                  @else
                  <td></td>
                  @endif
                  <td>{{$company->company->company}}</td>
                  <td>{{$company->company->phone}}</td>
                  <td>{{$company->discountCode->code}}</td>
                  <td>{{$company->times_used}}</td>
                  <td>
                    {{\Carbon\Carbon::parse($company->discountCode->expiry_date)->format('d-m-Y')}}
                  </td>
                </tr>
                @endif
              @endforeach

              </tbody>
            </table>
          @else
            <p>No Companies has use this code</p>
          @endif
        </div>
        <!-- /.card-body -->
      </div>
      <!-- /.card -->
    </div>
    <!-- /.col -->
  </div>

@endsection
@push('js')

  {{-- <script src="{{ mix('/js/admin-panel/paginationTable.js') }}"></script> --}}

  <script>

    $(document).on('click', ".Assign", function(){
      var code = $(this).attr('data-id')

      $.ajax({
        type: "GET",
        data: {code:code},
        url: "/dashboard/discount-code/assign-discount-code",
        success: function(data) {
          if(data.html.length > 0){
          }
        }
      });
    });
    //
  </script>

@endpush