@extends('layouts.admin')

@section('title', 'Edit Quotation')

@section('content')
<div class="container py-5">
    <h2 class="text-center mb-4">Edit Quotation</h2>

    @if(session('success'))
        <div class="alert alert-success text-center">{{ session('success') }}</div>
    @elseif(session('error'))
        <div class="alert alert-danger text-center">{{ session('error') }}</div>
    @endif

    <form action="{{ route('quotation.update', $quotation->id) }}" method="POST">
        @csrf

        <div class="row g-3 mb-3">
            <div class="col-lg-6">
                <label class="form-label">Name</label>
                <input type="text" class="form-control" value="{{ $quotation->name }}" disabled>
            </div>
            <div class="col-lg-6">
                <label class="form-label">Phone</label>
                <input type="text" class="form-control" value="{{ $quotation->phone }}" disabled>
            </div>
            <div class="col-lg-6">
                <label class="form-label">Project Title</label>
                <input type="text" class="form-control" value="{{ $quotation->title }}" disabled>
            </div>
        </div>

        <div class="row g-3 mb-3">
            <div class="col-lg-6">
                <label for="projectType" class="form-label">Project Type</label>
                <select name="projectType" class="form-select">
                    <option value="" disabled>Select Project Type</option>
                    @foreach($projectTypes as $type)
                        <option value="{{ $type->name }}" 
                            {{ $quotation->projectType && $quotation->projectType->id == $type->id ? 'selected' : '' }}>
                            {{ $type->name }}
                        </option>
                    @endforeach
                </select>
            </div>

            <div class="col-lg-6">
                <label for="location" class="form-label">Project Location</label>
                <input type="text" name="location" class="form-control" value="{{ $quotation->location }}">
            </div>
        </div>

        <div class="row g-3 mb-3">
            <div class="col-lg-6">
                <label for="area" class="form-label">Approx. Area (sq.ft)</label>
                <input type="text" name="area" class="form-control" value="{{ $quotation->area }}">
            </div>
            <div class="col-lg-6">
                <label for="material" class="form-label">Material Type</label>
                <select name="material" class="form-select">
                    <option value="" disabled>Select Material</option>
                    @foreach($materialTypes as $mat)
                        <option value="{{ $mat->name }}" 
                            {{ $quotation->materialType && $quotation->materialType->id == $mat->id ? 'selected' : '' }}>
                            {{ $mat->name }}
                        </option>
                    @endforeach
                </select>
            </div>
        </div>

        <div class="row g-3 mb-3">
            <div class="col-lg-6">
                <label for="steelType" class="form-label">Steel Type</label>
                <select name="steelType" class="form-select">
                    <option value="" disabled>Select Steel Type</option>
                    @foreach($steelTypes as $steel)
                        <option value="{{ $steel->name }}" 
                            {{ $quotation->steelType && $quotation->steelType->id == $steel->id ? 'selected' : '' }}>
                            {{ $steel->name }}
                        </option>
                    @endforeach
                </select>
            </div>

            <div class="col-lg-6">
                <label for="color" class="form-label">Color Preference</label>
                <select name="color" class="form-select">
                    @foreach(['Gray','Red','Blue','Green'] as $color)
                        <option value="{{ $color }}" {{ $quotation->color == $color ? 'selected' : '' }}>
                            {{ $color }}
                        </option>
                    @endforeach
                </select>
            </div>
        </div>

        <div class="mb-3">
            <label for="desc" class="form-label">Description</label>
            <textarea name="desc" class="form-control" rows="3">{{ $quotation->desc }}</textarea>
        </div>

        <div class="mb-3">
            <label for="estimate_cost" class="form-label">Estimated Cost</label>
            <input type="text" name="estimate_cost" class="form-control" value="{{ $quotation->estimate_cost }}">
        </div>

        <div class="text-center mt-4">
            <button type="submit" class="btn btn-primary">Update Quotation</button>
            <a href="{{ route('admin.dashboard') }}" class="btn btn-secondary ms-2">Back</a>
        </div>
    </form>
</div>
@endsection