@extends('backend.layouts.master')

@section('title')
    Create {{ $pageHeader['title'] }}
@endsection

@push('styles')
<!-- Custom styles if needed -->
@endpush

@section('admin-content')
<div class="main-panel">
    <div class="content-wrapper">
        <div class="row">
            <div class="col-lg-12">

                <div class="card">
                    <div class="card-body">

                        <h4 class="card-title">Create New {{ $pageHeader['title'] }}</h4>

                        @include('backend.layouts.partials.message')

                        <form method="post" action="{{ route($pageHeader['store_route']) }}">
                            @csrf
                            <fieldset class="row">

                            <div class="row">

                                <div class="col-md-6 mb-3">
                                    <label for="name" class="form-label">
                                        Refer Name <span class="text-danger">*</span>
                                    </label>
                                    <input type="text"
                                           class="form-control @error('name') is-invalid @enderror"
                                           name="name" id="name"
                                           value="{{ old('name') }}"
                                           placeholder="Enter name" required>
                                    @error('name')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label for="custom_id" class="form-label">
                                        Custom Id <span class="text-info">(Ex-XX-01)</span>  <span class="text-danger">*</span>
                                    </label>
                                    <input type="text"
                                           class="form-control @error('custom_id') is-invalid @enderror"
                                           name="custom_id" id="custom_id"
                                           value="{{ old('custom_id') }}"
                                           placeholder="Enter custom_id" required>
                                    @error('custom_id')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>

                                <div class="col-md-6 mb-3">
                                    <label for="phone" class="form-label">
                                        Phone Number <span class="text-danger">*</span>
                                    </label>
                                    <input type="text"
                                           class="form-control @error('phone') is-invalid @enderror"
                                           name="phone" id="phone"
                                           value="{{ old('phone') }}"
                                           placeholder="Enter phone number" required>
                                    @error('phone')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>

                                <div class="col-md-6 mb-3">
                                    <label for="address" class="form-label">
                                        Address
                                    </label>
                                    <input type="text"
                                           class="form-control @error('address') is-invalid @enderror"
                                           name="address" id="address"
                                           value="{{ old('address') }}"
                                           placeholder="Enter address">
                                    @error('address')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>

                                <div class="col-md-6 mb-3">
                                    <label for="percent" class="form-label">
                                        Percent (%)
                                    </label>
                                    <input type="number" step="0.01"
                                           class="form-control @error('percent') is-invalid @enderror"
                                           name="percent" id="percent"
                                           value="{{ old('percent') }}"
                                           placeholder="Enter percent">
                                    @error('percent')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>

                                <div class="col-md-12 mb-3">
                                    <label for="note" class="form-label">
                                        Note
                                    </label>
                                    <textarea name="note" id="note" rows="4"
                                              class="form-control @error('note') is-invalid @enderror"
                                              placeholder="Write note">{{ old('note') }}</textarea>
                                    @error('note')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>

                            </div>

                                <div class="col-md-12 mt-3">
                                    <x-default.button
                                        class="btn btn-primary px-4 py-2"
                                        style="font-size: 15px; font-weight: 600; border-radius: 8px;">
                                        Create
                                    </x-default.button>
                                </div>
                            </fieldset>
                        </form>

                    </div>
                </div>

            </div>
        </div>
    </div>

    @include('backend.layouts.partials.footer')
</div>
@endsection