@extends('admin.layouts.app')
@section('title', __('admin.create').' — '.__('admin.menu_repair_orders'))
@section('heading', __('admin.menu_repair_orders'))
@section('content')
<x-admin.page-header :title="__('admin.create').' — '.__('admin.menu_repair_orders')" />
<form method="post" action="{{ route('admin.repair-orders.store') }}" class="admin-card space-y-4" x-data="adminForm()" @submit="submit($event)">
    @csrf
    <div class="grid gap-4 sm:grid-cols-2">
        <div class="sm:col-span-2">
            <label class="admin-label">{{ __('admin.menu_users') }}</label>
            <select name="user_id" class="admin-input" required>
                <option value="">{{ __('admin.select_user') }}</option>
                @foreach ($users as $user)
                    <option value="{{ $user->id }}" @selected(old('user_id') == $user->id)>{{ $user->name }} — {{ $user->mobile }}</option>
                @endforeach
            </select>
        </div>
        <div>
            <label class="admin-label">{{ __('admin.category') }}</label>
            <select name="category_id" class="admin-input">
                <option value="">{{ __('admin.no_parent') }}</option>
                @foreach ($categories as $cat)
                    <option value="{{ $cat->id }}" @selected(old('category_id') == $cat->id)>{{ $cat->name_fa }}</option>
                @endforeach
            </select>
        </div>
        <div>
            <label class="admin-label">{{ __('admin.repair_device') }}</label>
            <input name="device_name" value="{{ old('device_name') }}" class="admin-input" required />
        </div>
        <div>
            <label class="admin-label">{{ __('admin.repair_serial') }}</label>
            <input name="serial" value="{{ old('serial') }}" class="admin-input" dir="ltr" />
        </div>
        <div>
            <label class="admin-label">{{ __('admin.repair_customer_name') }}</label>
            <input name="customer_name" value="{{ old('customer_name') }}" class="admin-input" />
        </div>
        <div>
            <label class="admin-label">{{ __('admin.repair_customer_mobile') }}</label>
            <input name="customer_mobile" value="{{ old('customer_mobile') }}" class="admin-input" dir="ltr" />
        </div>
        <div class="sm:col-span-2">
            <label class="admin-label">{{ __('admin.body') }}</label>
            <textarea name="issue_body" rows="4" class="admin-input">{{ old('issue_body') }}</textarea>
        </div>
        <div>
            <label class="admin-label">{{ __('admin.repair_estimated_cost') }}</label>
            <input type="number" step="0.01" name="estimated_cost" value="{{ old('estimated_cost') }}" class="admin-input" />
        </div>
    </div>
    @include('admin.partials.form-footer', ['cancelRoute' => route('admin.repair-orders.index')])
</form>
@endsection