@extends('layout.app')

@section('content')
<div class="app-content main-content">
    <div class="side-app main-container">
        <!--Page header-->
        <div class="page-header d-xl-flex d-block">
            <div class="page-leftheader">
                <div class="page-title">Edit <span class="font-weight-normal text-muted ms-2">Promo Code</span></div>
            </div>
        </div>
        <!--End Page header-->
        <div class="container mt-5">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header border-bottom-0">
                            <h4 class="card-title">Edit Promo Code Form</h4>
                        </div>
                        <div class="card-body">
                            @include('includes.alerts')
                            <form action="{{ route('promo-codes.update', $promoCode->id) }}" method="post">
                                @csrf
                                @method('PUT')
                                <div class="">
                                    <div class="form-group">
                                        <label for="code" class="form-label">Code</label>
                                        <input type="text" name="code" class="form-control" id="code"
                                            placeholder="Enter Code" required maxlength="50"
                                            value="{{ old('code', $promoCode->code) }}">
                                    </div>
                                    <div class="form-group">
                                        <label for="type" class="form-label">Type</label>
                                        <select name="type" class="form-control" id="type" required>
                                            <option value="percent" {{ old('type', $promoCode->type) === 'percent' ? 'selected' : '' }}>Percent</option>
                                            <option value="fixed" {{ old('type', $promoCode->type) === 'fixed' ? 'selected' : '' }}>Fixed</option>
                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label for="discount" class="form-label">Discount</label>
                                        <input type="number" name="discount" class="form-control" id="discount"
                                            placeholder="Enter Discount" required step="0.01" min="0"
                                            value="{{ old('discount', $promoCode->discount) }}">
                                    </div>
                                    <div class="form-group">
                                        <label for="quantity" class="form-label">Quantity</label>
                                        <input type="number" name="quantity" class="form-control" id="quantity"
                                            placeholder="Enter Quantity" required min="1"
                                            value="{{ old('quantity', $promoCode->quantity) }}">
                                    </div>
                                    <div class="form-group">
                                        <label for="expires_at" class="form-label">Expires At (Optional)</label>
                                        <input type="date" name="expires_at" class="form-control" id="expires_at"
                                            value="{{ old('expires_at', $promoCode->expires_at?->format('Y-m-d')) }}">
                                    </div>
                                </div>
                                <button class="btn btn-primary btn-block" type="submit">Update</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End Row -->
        </div>
    </div>
</div>
@endsection