@extends('admin.masterv2')

@section('styleSheet')
    <!-- BEGIN PAGE LEVEL STYLES -->
    <!-- END PAGE LEVEL STYLES -->
@endsection
@section('content')

    <div class="page-content-wrapper">
        <div class="page-content">
            <div class="page-bar">
                <ul class="page-breadcrumb">
                    <li>
                        <i class="fa fa-home"></i>
                        <a href="{{route('home')}}">Dashboard</a>
                        <i class="fa fa-angle-right"></i>
                    </li>
                    <li>
                        <a href="{{route('coursesPage')}}">Coupons Edit</a>
                    </li>
                </ul>
            </div>
            <!-- END PAGE HEADER-->
            <div class="row adminHeader mb-3">
                <div class="col-md-10">
                    <i class="fa fa-globe"></i> Coupons Page        
                </div>
                <div class="col-md-2">
                    <a href="{{ route('createCoupons', ['id' => 'new']) }}" class="btn btn-success pull-right">
                        <i class="fa fa-plus"></i> Add Coupon
                    </a>
                </div>
            </div>
            @include('admin.includesV2.backendAlert')
            <div class="portlet box blue-hoki">
                
                <div class="portlet-body">
                    <table id="pageList" class="table table-bordered table-striped" style="width:100%">
                        <thead class="thead-dark">
                            <tr>
                                <th tabindex="0">ID</th>
                                <th tabindex="1">Name</th>
                                <th tabindex="2">Number of Coupons</th>
                                <th tabindex="2">Amount</th>
                                <th tabindex="3">Expiry Date</th>
                                <th tabindex="5">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($couponCodes as $couponCode)
                                <tr>
                                    <td>{{$couponCode->id}}</td>
                                    <td>
                                       {{$couponCode->name}}
                                    </td>
                                    <td>{{$couponCode->number_of_coupons}}</td>
                                    <td>{{$couponCode->amount}}</td>
                                    <td>{{$couponCode->expiry_date}}
                                    </td>
                                    <td>
                                        
                                        
                                        <a href="{{ route('editCoupons', ['id' => $couponCode->id]) }}" class="btn btn-success btn-sm">
                                            <i class="fa fa-edit"></i> Edit
                                        </a>
                                        <form action="{{ route('destroyCoupons', $couponCode->id) }}" method="POST" style="display:inline-block;">
                                            @csrf
                                            @method('DELETE')
                                            <button class="btn btn-sm btn-danger ms-3" onclick="return confirm('Are you sure you want to delete this coupon and all its coupons?');">
                                                <i class="fa fa-trash"></i>  Delete
                                            </button>
                                        </form>
                                    </td>
                                </tr>
                            @endforeach

                        </tbody>
                        <tfoot class="thead-dark">
                            <tr>
                                <th tabindex="0">ID</th>
                                <th tabindex="1">Name</th>
                                <th tabindex="2">Number of Coupons</th>
                                <th tabindex="2">Amount</th>
                                <th tabindex="3">Expiry Date</th>
                                <th tabindex="5">Action</th>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
                
            </div>
            <!-- BEGIN PAGE CONTENT-->
            <!-- END PAGE CONTENT-->
        </div>
    </div>
@endsection
@section('customJs')

@endsection