@extends(getTemplate().'.view.layout.layout')

@section('page')

    <div class="container">
        <div class="container-fluid bg-white">
        
        <h1>All Coupons</h1>





        <!-- Button to trigger modal -->
<button type="button" class="btn btn-primary pull-right" data-toggle="modal" data-target="#createCouponModal">Create Coupon</button>

<!-- Modal to create coupon -->
<div class="modal fade" id="createCouponModal" tabindex="-1" role="dialog" aria-labelledby="createCouponModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="createCouponModalLabel">Create Coupon</h4>
      </div>
      <div class="modal-body">
        <!-- Coupon creation form -->
        <form method="POST" action="{{ route('coupons.store') }}">
          {{ csrf_field() }}
          <div class="form-group">
            <label for="code" class="control-label">Coupon Code: (required)</label>
            <input type="text" class="form-control" id="code" name="code" required>
          </div>
       <input type="hidden" name="user_id" value="{{Auth::user()->id}}" />
       <div class="form-group">
        <label for="price" class="control-label">Price (₦) (required):</label>
        <input type="number" class="form-control" id="price" name="price" required>
      </div>
      <div class="form-group">
        <label for="total_available" class="control-label">Total Available:</label>
        <input type="number" class="form-control" id="total_available" name="total_available">
      </div>
      <div class="form-group">
        <label for="email" class="control-label">Email: </label>
        <input type="email" placeholder="Email of a particular user"
         class="form-control" id="email" name="email">
      </div>
          <div class="form-group">
            <label for="course_id" class="control-label">Course ID:</label>
            <input type="number" class="form-control" id="course_id" name="course_id">
          </div>
          <div class="form-group">
            <label for="deadline" class="control-label">Expiration Date:</label>
            <input type="date" class="form-control" id="deadline" name="deadline">
          </div>
          <div class="form-group">
            <button type="submit" class="btn btn-primary">Create Coupon</button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>



        <table class="table">
            <thead>
                <tr>
                    <th class="text-left">Code</th>
                    <th>Price</th>
                    <th>Status</th>
                    <th>Remaining</th>
                    <th>Used</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @foreach ($coupons as $coupon)
                    <tr>
                        <td  class="text-left">
                            <span class=" text-3xl text-bold">
                                <a href="/coupons/{{ $coupon->id }}">
                                    {{ $coupon->code }}
                                </a></span> <br/>
                            <span class="text-xl text-gray-500">
                                Created by: {{ $coupon->user['email'] }} <br/>
                                on: {{ $coupon->created_at }}
                            </span> <br/>
                            <span class="text-xl text-gray-500">
                                Expiry: {{ $coupon->deadline }}
                            </span>
                            @if(isset($coupon->course['id']) )
                            <br/>
                            <span>
                                <a href="/courses/{{$coupon->course['id']}}">
                                    {{ $coupon->course['title'] ?? 'No course' }}</a>
                            </span>
                            @endif
                        </td>
                        <td>₦{{ number_format($coupon->price) }}</td>
                        <td>{{ $coupon->status }}</td>
                        <td>{{ number_format($coupon->total_available) }}</td>
                        <td>{{ number_format($coupon->total_used) }}</td>
                       
                        <td>
                            {{-- <a href="{{ route('coupons.show', $coupon->id) }}" class="btn btn-primary btn-sm">View</a> --}}
                            {{-- <a href="{{ route('coupons.edit', $coupon->id) }}" class="btn btn-secondary btn-sm">Edit</a> --}}
                            <form action="{{ route('coupons.destroy', $coupon->id) }}" method="POST" style="display: inline-block;">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-danger btn-sm" onclick="return confirm('Are you sure you want to delete this coupon?')">Delete</button>
                            </form>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@endsection