@extends('layouts.admin')

@section('content')

<div class="page-wrapper">
    <div class="content">
        <div class="page-header">
            <div class="add-item d-flex">
                <div class="page-title">
                    <h4>Coupons List</h4>
                    <h6>Manage your coupons</h6>
                </div>
            </div>
        </div> 

        <div class="card table-list-card">
            <div class="card-body">
                <div class="row table-top">
                    @include('layouts.errors')
                    <form action="{{ route('coupons.store') }}" method="post">
                    @csrf
                        <div class="row mb-3">
                            <div class="col-md-6 form-group">
                                <label for="code">Coupon Code</label>
                                <input type="text" class="form-control" name="code" required>
                            </div>
                            <div class="col-md-6 form-group">
                                <label for="discount_amount">Discount Amount</label>
                                <input type="number" class="form-control" name="discount_amount" required>
                            </div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-md-6 form-group">
                                <label for="discount_type">Discount Type</label>
                                <select name="discount_type" class="form-control" required>
                                    <option value="fixed">Fixed Amount</option>
                                    <option value="percent">Percent</option>
                                </select>
                            </div>
                            <div class="col-md-6 form-group">
                                <label for="expiration_date">Expiration Date</label>
                                <input type="date" class="form-control" name="expiration_date">
                            </div>
                        </div>

                        <div class="row mb-2">
                            <div class="col-md-6 form-group">
                                <button type="submit" class="btn btn-primary">Submit</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        
        <div class="card table-list-card">
            <div class="card-body">
                <div class="table-top">
                    <div class="search-set">
                        <div class="search-input">
                            <a href="javascript:void(0);" class="btn btn-searchset"><i data-feather="search" class="feather-search"></i></a>
                        </div>
                    </div>
                </div>
                
                <!-- /Filter -->
                <div class="table-responsive product-list">
                    <table class="table datanew">
                        <thead>
                            <tr>
                                <th>Code <i data-feather="tag"></i></th>
                                <th>Discount Amount <i data-feather="percent"></i></th>
                                <th>Discount Type</th>
                                <th>Expiration Date</th>
                                <th class="no-sort">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if($coupons->count() > 0)
                            @foreach($coupons as $coupon)
                            <tr>
                                <td>{{ $coupon->code }}</td>
                                <td>${{ $coupon->discount_amount }}</td>
                                <td>{{ ucfirst($coupon->discount_type) }}</td>
                                <td>{{ $coupon->expiration_date ? date('Y-m-d', strtotime($coupon->expiration_date)) : 'No Expiration' }}</td>
                                
                                <td class="action-table-data">
                                    <div class="edit-delete-action">
                                        <a class="me-2 p-2" href="{{ route('coupons.edit', $coupon->id) }}" >
                                            <i data-feather="edit" class="feather-edit"></i>
                                        </a> 

                                        <form action="{{ route('coupons.destroy', $coupon->id) }}" method="POST" class="deleteBtnForm">
                                            @csrf
                                            @method('DELETE')
                                            <button type="submit" class="deleteBtn"
                                            onclick="return confirm('Are you sure you want to delete this coupon?');">
                                            <i data-feather="trash-2" class="feather-trash-2" 
                                            style="width: 14px;height: 14px;"></i>
                                        </form>
                                    </div>
                                </td>
                            </tr>
                            @endforeach
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection