@extends('layouts.app')
@section('title', 'New work order')

@section('content')
    <div class="page-head">
        <div><h1>New work order</h1><p>Dispatch a technician to a customer site.</p></div>
        <a href="{{ route('work-orders.index') }}" class="btn secondary">&larr; Back</a>
    </div>

    <form method="POST" action="{{ route('work-orders.store') }}">
        @csrf
        <div class="card">
            <div class="card-head"><h3>Job details</h3></div>
            <div class="card-body">
                <div class="form-grid">
                    <div class="field span-2">
                        <label>Customer <span class="req">*</span></label>
                        <select name="customer_id" required>
                            <option value="">Select a customer…</option>
                            @foreach ($customers as $customer)
                                <option value="{{ $customer->id }}" @selected(old('customer_id', request('customer')) == $customer->id)>
                                    {{ $customer->customer_number }} — {{ $customer->display_name }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="field">
                        <label>Service (optional)</label>
                        <select name="service_id">
                            <option value="">Not linked</option>
                            @foreach ($services as $service)
                                <option value="{{ $service->id }}" @selected(old('service_id') == $service->id)>
                                    {{ $service->service_number }} — {{ $service->plan?->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="field">
                        <label>Job type <span class="req">*</span></label>
                        <select name="type" required>
                            @foreach (['installation','repair','maintenance','relocation','removal','inspection','upgrade'] as $t)
                                <option value="{{ $t }}" @selected(old('type', 'installation') === $t)>{{ title_case_words($t) }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="field">
                        <label>Priority <span class="req">*</span></label>
                        <select name="priority" required>
                            @foreach (['low','normal','high','urgent'] as $p)
                                <option value="{{ $p }}" @selected(old('priority', 'normal') === $p)>{{ title_case_words($p) }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="field">
                        <label>Technician</label>
                        <select name="technician_id">
                            <option value="">Assign later</option>
                            @foreach ($technicians as $technician)
                                <option value="{{ $technician->id }}" @selected(old('technician_id') == $technician->id)
                                        @disabled(! $technician->is_available)>
                                    {{ $technician->name }} {{ $technician->is_available ? '' : '(at capacity)' }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="field">
                        <label>Scheduled start</label>
                        <input type="datetime-local" name="scheduled_start" value="{{ old('scheduled_start') }}">
                    </div>
                    <div class="field">
                        <label>Scheduled end</label>
                        <input type="datetime-local" name="scheduled_end" value="{{ old('scheduled_end') }}">
                    </div>
                    <div class="field span-2">
                        <label>Site address <span class="req">*</span></label>
                        <input type="text" name="site_address" required value="{{ old('site_address') }}">
                    </div>
                    <div class="field full">
                        <label>Description <span class="req">*</span></label>
                        <textarea name="description" rows="4" required placeholder="What needs to be done?">{{ old('description') }}</textarea>
                    </div>
                </div>
            </div>
            <div class="card-foot flex-between">
                <span class="small muted">Materials are deducted from inventory as the job progresses.</span>
                <div class="btn-group">
                    <a href="{{ route('work-orders.index') }}" class="btn secondary">Cancel</a>
                    <button type="submit" class="btn">Create work order</button>
                </div>
            </div>
        </div>
    </form>
@endsection