@extends('dashboard.layouts.base')

@section('content')
<div class="col-12">
    <div class="row justify-content-center">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">اضافه باقة جديده </div>

                <div class="card-body">
                    <form action="{{ route('dashboard.packages.store') }}" method="POST">
                        @csrf

                        {{-- name --}}
                        <div class="mb-3">
                            <label for="name" class="form-label fw-bold">الاسم <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" name="name" id="name" value="{{ old('name') }}" required>
                            @error('name') <small class="text-danger">{{ $message }}</small> @enderror
                        </div>

                        {{-- count_months --}}
                        <div class="mb-3">
                            <label for="count_months" class="form-label fw-bold">عدد الشهور <span class="text-danger">*</span></label>
                            <input type="number" class="form-control" name="count_months" id="count_months" value="{{ old('count_months') }}" min="1" required>
                            @error('count_months') <small class="text-danger">{{ $message }}</small> @enderror
                        </div>

                        {{-- price --}}
                        <div class="mb-3">
                            <label for="price" class="form-label fw-bold">السعر <span class="text-danger">*</span></label>
                            <input type="number" class="form-control" name="price" id="price" value="{{ old('price') }}" min="0" step="0.01" required>
                            @error('price') <small class="text-danger">{{ $message }}</small> @enderror
                        </div>

                        {{-- is_active --}}
                        <div class="mb-3">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" name="is_active" id="is_active" value="1" {{ old('is_active', true) ? 'checked' : '' }}>
                                <label class="form-check-label fw-bold" for="is_active">
                                    نشط
                                </label>
                            </div>
                            @error('is_active') <small class="text-danger">{{ $message }}</small> @enderror
                        </div>

                        <div class="d-grid">
                            <button type="submit" class="btn btn-success py-2 fw-bold">➕ إضافة</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection