@extends('layouts.backend')
@section('title', '| Coupons Management')

@section('content')
<div class="col-md-12">
    @if ($message = Session::get('success'))
    <div class="alert alert-success w-100">
        {{ $message }}
    </div>
    @endif

    @if ($message = Session::get('error'))
    <div class="alert alert-danger w-100">
        {{ $message }}
    </div>
    @endif
</div>
<div class="col-md-12 margin-tb">
  <div class="card">
      <div class="card-header">
      <h3 class="card-title">Coupons </h3>
          <div class="card-tools">
              <div class="pull-right">
				<a class="btn-sm btn-success" href="{{ route('coupons.create') }}"> New </a>
              </div>
          </div>
      </div>
	  <div class="card-body table-responsive p-0">
        <table class="table table-hover text-nowrap text-left">
            <thead>
                <tr>
                    <th class="text-left">Code</th>
                    <th class="text-left">Start Date</th>
                    <th class="text-left">Expiry Date</th>
                    <th class="text-left">User Limit</th>
                    <th class="text-left">Usage Limit</th>
                    <th class="text-left">Discount</th>
                    <th class="text-left">Used Count</th>
                    <th class="text-left">Status</th>
                    <th class="text-left">Actions</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($coupons as $coupon)
                <tr>
                    <td>{{ $coupon->code }}</td>
                    <td>{{ \Carbon\Carbon::parse($coupon->start_date)->format('m-d-Y') }}</td>
                    <td>{{ \Carbon\Carbon::parse($coupon->expiry_date)->format('m-d-Y') }}</td>
                    <td>
                        {{-- {{ $coupon->user_limit }} --}}
                        @if ($coupon->user_limit_type === 'unlimited')
                                <i class='fas fa-infinity'></i>
                                {{-- &infin; --}}
                        @else
                            {{ $coupon->user_limit }}
                        @endif
                    </td>
                    <td>{{ $coupon->usage_limit }}</td>
                    <td>{{ $coupon->discount_amount }}</td>
                    <td>{{ $coupon->userUsages->count() }}</td> <!-- Display used count -->
                    <td>{{ $coupon->status }}</td>
                    <td>
                        <div class="d-flex gap-2">
                        @can(['edit-coupons'])  
                        <a class="btn btn-sm btn-primary" href="{{ route('coupons.edit', $coupon) }}">Edit</a>
                        @endcan
                        @can(['delete-coupons'])  
                        <form action="{{ route('coupons.destroy', $coupon) }}" method="POST">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn btn-sm btn-danger mx-1" title="Delete Coupon" onclick="return confirm('Confirm delete?')">
                                <i class="fa fa-trash-o" aria-hidden="true"></i> Delete
                            </button>
                        </form>
                        @endcan
                        </div>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
      </div>
  </div>
</div>
@endsection