@extends('layouts.app')
@section('title', 'Edit Job')
@section('breadcrumb')<a href="{{ route('jobs.index') }}" class="hover:text-white">Jobs</a> <i class="fas fa-chevron-right text-xs mx-1 text-slate-600"></i> <span class="text-white">Edit {{ $job->job_number }}</span>@endsection

@section('content')
<div class="max-w-2xl">
    <form method="POST" action="{{ route('jobs.update', $job) }}" class="space-y-6">
        @csrf @method('PUT')
        <div class="card p-5">
            <h3 class="mb-4">Update Job</h3>
            <div class="grid grid-cols-2 gap-4">
                <div>
                    <label>Stage</label>
                    <select name="stage" class="input">
                        @foreach(['lead'=>'Lead','consult'=>'Consultation','sold'=>'Sold','contracts'=>'Contracts','cm'=>'Check Measure','processing'=>'Processing','delivery'=>'Delivery','installation'=>'Installation','completion'=>'Completion'] as $val => $label)
                        <option value="{{ $val }}" {{ $job->stage === $val ? 'selected' : '' }}>{{ $label }}</option>
                        @endforeach
                    </select>
                </div>
                <div>
                    <label>Status</label>
                    <select name="status" class="input">
                        <option value="active" {{ $job->status === 'active' ? 'selected' : '' }}>Active</option>
                        <option value="on_hold" {{ $job->status === 'on_hold' ? 'selected' : '' }}>On Hold</option>
                        <option value="completed" {{ $job->status === 'completed' ? 'selected' : '' }}>Completed</option>
                        <option value="cancelled" {{ $job->status === 'cancelled' ? 'selected' : '' }}>Cancelled</option>
                    </select>
                </div>
                <div>
                    <label>Job Value ($)</label>
                    <input type="number" name="job_value" value="{{ $job->job_value }}" class="input" step="0.01">
                </div>
                <div>
                    <label>Expected Completion</label>
                    <input type="date" name="expected_completion" value="{{ $job->expected_completion?->format('Y-m-d') }}" class="input">
                </div>
                <div class="flex items-center gap-2">
                    <input type="checkbox" name="deposit_paid" id="dep" value="1" {{ $job->deposit_paid ? 'checked' : '' }} class="rounded">
                    <label for="dep" style="margin-bottom:0;">Deposit Paid</label>
                </div>
                <div class="flex items-center gap-2">
                    <input type="checkbox" name="cm_paid" id="cmp" value="1" {{ $job->cm_paid ? 'checked' : '' }} class="rounded">
                    <label for="cmp" style="margin-bottom:0;">CM Payment Paid</label>
                </div>
                <div class="flex items-center gap-2">
                    <input type="checkbox" name="delivery_paid" id="delp" value="1" {{ $job->delivery_paid ? 'checked' : '' }} class="rounded">
                    <label for="delp" style="margin-bottom:0;">Delivery Paid</label>
                </div>
                <div class="flex items-center gap-2">
                    <input type="checkbox" name="final_paid" id="finp" value="1" {{ $job->final_paid ? 'checked' : '' }} class="rounded">
                    <label for="finp" style="margin-bottom:0;">Final Payment Paid</label>
                </div>
            </div>
            <div class="mt-4">
                <label>Notes</label>
                <textarea name="notes" rows="3" class="input">{{ $job->notes }}</textarea>
            </div>
            <div class="mt-3">
                <label>Next Action</label>
                <input type="text" name="next_action" value="{{ $job->next_action }}" class="input">
            </div>
            <div class="mt-4 grid grid-cols-3 gap-4">
                <div>
                    <label>Sales Consultant</label>
                    <select name="consultant_id" class="input">
                        <option value="">— Unassigned —</option>
                        @foreach($consultants as $u)
                        <option value="{{ $u->id }}" {{ $job->consultant_id == $u->id ? 'selected' : '' }}>{{ $u->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div>
                    <label>Project Manager</label>
                    <select name="manager_id" class="input">
                        <option value="">— Unassigned —</option>
                        @foreach($projectManagers as $u)
                        <option value="{{ $u->id }}" {{ $job->manager_id == $u->id ? 'selected' : '' }}>{{ $u->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div>
                    <label>Designer</label>
                    <select name="designer_id" class="input">
                        <option value="">— Unassigned —</option>
                        @foreach($designers as $u)
                        <option value="{{ $u->id }}" {{ $job->designer_id == $u->id ? 'selected' : '' }}>{{ $u->name }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
        </div>
        <div class="flex gap-3">
            <button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> Save Changes</button>
            <a href="{{ route('jobs.show', $job) }}" class="btn btn-secondary">Cancel</a>
        </div>
    </form>
</div>
@endsection