@extends('layouts.app')

@section('content')
<div class="container">
    <x-header title="إضافة نوع خصم" />

    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    <form action="{{ route('discountTypes.store') }}" method="POST">
        @csrf
        <div class="row">
            <!-- إسم الخصم -->
            <div class="col-md-3">
                <label for="max_students" class="form-label">الإسم</label>
                <input type="text" 
                    class="form-control @error('name') is-invalid @enderror 
              @if(old('name') && !$errors->has('name')) is-valid @endif" 
                    id="name" 
                    name="name" 
                    value="{{ old('name') }}" 
                    >
                @error('name')
                    <div class="invalid-feedback">{{ $message }}</div>
                @else
                    <div class="valid-feedback">كده تمام 👍</div>
                @enderror
            </div>
            
            <!-- نسبة الخصم -->
            <div class="col-md-3">
                <label for="percentage" class="form-label">نسبة الخصم</label>
                <input type="number" 
                    class="form-control @error('percentage') is-invalid @enderror 
              @if(old('percentage') && !$errors->has('percentage')) is-valid @endif" 
                    id="percentage" 
                    name="percentage" 
                    value="{{ old('percentage') }}" 
                    >
                @error('percentage')
                    <div class="invalid-feedback">{{ $message }}</div>
                @else
                    <div class="valid-feedback">كده تمام 👍</div>
                @enderror
            </div>

            <!-- وصف الخصم -->
            <div class="col-md-3">
                <label for="description" class="form-label">وصف الخصم</label>
                <input type="text" 
                    class="form-control @error('description') is-invalid @enderror 
              @if(old('description') && !$errors->has('description')) is-valid @endif" 
                    id="description" 
                    name="description" 
                    value="{{ old('description') }}" 
                    >
                @error('description')
                    <div class="invalid-feedback">{{ $message }}</div>
                @else
                    <div class="valid-feedback">كده تمام 👍</div>
                @enderror
            </div>

            <!-- حالة الخصم -->
            <input type="hidden" name="status" value="0">
            <div class="form-group col-md-3">
                <label class="mb-2">الحالة</label>
                <div class="row">
                    <div class="col-md-4 mb-2">
                        <input type="checkbox" 
                            class="btn-check" 
                            id="status" 
                            name="status" 
                            value="1" 
                            autocomplete="off"
                            checked
                            @if(collect(old('status'))->contains('1')) checked @endif>
                        <label class="btn btn-outline-primary w-100" for="status">
                            مفعل
                        </label>
                    </div>
                </div>
            </div>
        </div>
        <div class="text-center my-3">
            <button type="submit" class="btn btn-success">إضافة</button>
        </div>

    </form>
</div>
@endsection