@csrf
@if(isset($material))
    @method('PUT')
@endif

<div class="row g-4">
    <div class="col-lg-8">
        <div class="card border-0 shadow-sm">
            <div class="card-header bg-transparent border-bottom-0 pb-0">
                <h4 class="mb-1">{{ __('admin.materials.sections.identity') }}</h4>
                <p class="text-muted mb-0 small">{{ __('admin.materials.section_hints.identity') }}</p>
            </div>
            <div class="card-body">
                <div class="row g-3">
                    <div class="col-md-8">
                        <label class="form-label">{{ __('admin.materials.fields.name') }} <span class="text-danger">*</span></label>
                        <input type="text" name="name" value="{{ old('name', $material->name ?? '') }}"
                               class="form-control @error('name') is-invalid @enderror"
                               placeholder="{{ __('admin.materials.placeholders.name') }}" required>
                        <small class="text-muted">{{ __('admin.materials.form_hints.name') }}</small>
                        @error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>

                    <div class="col-md-4">
                        <label class="form-label">{{ __('admin.materials.fields.unit') }} <span class="text-danger">*</span></label>
                        <input type="text" name="unit" value="{{ old('unit', $material->unit ?? '') }}"
                               class="form-control @error('unit') is-invalid @enderror"
                               placeholder="{{ __('admin.materials.placeholders.unit') }}" required>
                        <small class="text-muted">{{ __('admin.materials.form_hints.unit') }}</small>
                        @error('unit')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>

                    <div class="col-md-6">
                        <label class="form-label">{{ __('admin.materials.fields.category') }}</label>
                        <input type="text" name="category" value="{{ old('category', $material->category ?? '') }}"
                               class="form-control @error('category') is-invalid @enderror"
                               placeholder="{{ __('admin.materials.placeholders.category') }}" list="material-categories">
                        <datalist id="material-categories">
                            @foreach($categories ?? collect() as $categoryOption)
                                <option value="{{ $categoryOption }}"></option>
                            @endforeach
                        </datalist>
                        <small class="text-muted">{{ __('admin.materials.form_hints.category') }}</small>
                        @error('category')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>

                    <div class="col-md-3">
                        <label class="form-label">{{ __('admin.materials.fields.unit_price') }} <span class="text-danger">*</span></label>
                        <div class="input-group">
                            <input type="number" step="0.01" min="0" name="unit_price" value="{{ old('unit_price', $material->unit_price ?? '') }}"
                                   class="form-control @error('unit_price') is-invalid @enderror" required>
                            <span class="input-group-text">{{ __('ر.س') }}</span>
                            @error('unit_price')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                        <small class="text-muted">{{ __('admin.materials.form_hints.unit_price') }}</small>
                    </div>

                    <div class="col-md-3">
                        <label class="form-label">{{ __('admin.materials.fields.quantity_in_stock') }} <span class="text-danger">*</span></label>
                        <input type="number" step="0.001" min="0" name="quantity_in_stock" value="{{ old('quantity_in_stock', $material->quantity_in_stock ?? 0) }}"
                               class="form-control @error('quantity_in_stock') is-invalid @enderror" required>
                        <small class="text-muted">{{ __('admin.materials.form_hints.quantity_in_stock') }}</small>
                        @error('quantity_in_stock')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>
            </div>
        </div>

        <div class="card border-0 shadow-sm">
            <div class="card-header bg-transparent border-bottom-0 pb-0">
                <h4 class="mb-1">{{ __('admin.materials.sections.notes') }}</h4>
                <p class="text-muted mb-0 small">{{ __('admin.materials.section_hints.notes') }}</p>
            </div>
            <div class="card-body">
                <label class="form-label">{{ __('admin.materials.fields.notes') }}</label>
                <textarea name="notes" rows="5" class="form-control @error('notes') is-invalid @enderror"
                          placeholder="{{ __('admin.materials.placeholders.notes') }}">{{ old('notes', $material->notes ?? '') }}</textarea>
                <small class="text-muted">{{ __('admin.materials.form_hints.notes') }}</small>
                @error('notes')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
        </div>
    </div>

    <div class="col-lg-4">
        <div class="card border-0 shadow-sm sticky-lg-top" style="top: 90px;">
            <div class="card-header bg-transparent border-bottom-0">
                <h4 class="mb-1">{{ __('admin.materials.helper_title') }}</h4>
                <p class="text-muted mb-0 small">{{ __('admin.materials.helper_subtitle') }}</p>
            </div>
            <div class="card-body">
                <div class="d-flex align-items-start gap-2 mb-3">
                    <span class="badge bg-light-primary text-primary"><i class="ti ti-package"></i></span>
                    <div>
                        <div class="fw-semibold">{{ __('admin.materials.helper_points.identity_title') }}</div>
                        <small class="text-muted">{{ __('admin.materials.helper_points.identity_text') }}</small>
                    </div>
                </div>
                <div class="d-flex align-items-start gap-2 mb-3">
                    <span class="badge bg-light-success text-success"><i class="ti ti-cash"></i></span>
                    <div>
                        <div class="fw-semibold">{{ __('admin.materials.helper_points.pricing_title') }}</div>
                        <small class="text-muted">{{ __('admin.materials.helper_points.pricing_text') }}</small>
                    </div>
                </div>
                <div class="d-flex align-items-start gap-2 mb-3">
                    <span class="badge bg-light-warning text-warning"><i class="ti ti-alert-triangle"></i></span>
                    <div>
                        <div class="fw-semibold">{{ __('admin.materials.helper_points.stock_title') }}</div>
                        <small class="text-muted">{{ __('admin.materials.helper_points.stock_text') }}</small>
                    </div>
                </div>
                <div class="d-flex align-items-start gap-2">
                    <span class="badge bg-light-info text-info"><i class="ti ti-layout-kanban"></i></span>
                    <div>
                        <div class="fw-semibold">{{ __('admin.materials.helper_points.workflow_title') }}</div>
                        <small class="text-muted">{{ __('admin.materials.helper_points.workflow_text') }}</small>
                    </div>
                </div>
            </div>
            <div class="card-footer bg-transparent border-top-0 d-grid gap-2">
                <button type="submit" class="btn btn-primary">
                    <i class="ti ti-device-floppy me-1"></i>{{ $submitLabel ?? __('admin.actions.save') }}
                </button>
                @if(!isset($material))
                    <label class="form-check mb-0">
                        <input class="form-check-input" type="checkbox" name="save_and_add_another" value="1" @checked(old('save_and_add_another'))>
                        <span class="form-check-label">{{ __('admin.materials.save_and_add_another') }}</span>
                    </label>
                @endif
                <a href="{{ route('admin.materials.index') }}" class="btn btn-outline-secondary">{{ __('admin.actions.cancel') }}</a>
            </div>
        </div>
    </div>
</div>