{{-- resources/views/landscape/area/edit.blade.php --}}

@extends('layouts.app')

@section('content')

<div class="page-wrapper">
    <div class="page-content">

        <div class="card">

            <div class="card-header">

                <h5>Edit Landscape Area</h5>

            </div>

            <div class="card-body">

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

                    @csrf

                    <div class="row">

                        {{-- Area Code --}}
                        <div class="col-md-4 mb-3">

                            <label class="form-label">
                                Area Code
                            </label>

                            <input type="text"
                                name="area_code"
                                class="form-control"
                                value="{{ $area->area_code }}">

                        </div>

                        {{-- Area Name --}}
                        <div class="col-md-4 mb-3">

                            <label class="form-label">
                                Area Name
                            </label>

                            <input type="text"
                                name="area_name"
                                class="form-control"
                                value="{{ $area->area_name }}">

                        </div>

                        {{-- Area Type --}}
                        <div class="col-md-4 mb-3">

                            <label class="form-label">
                                Area Type
                            </label>

                            <select name="area_type"
                                class="form-control">

                                <option value="Garden"
                                    {{ $area->area_type == 'Garden' ? 'selected' : '' }}>
                                    Garden
                                </option>

                                <option value="Lawn"
                                    {{ $area->area_type == 'Lawn' ? 'selected' : '' }}>
                                    Lawn
                                </option>

                                <option value="Terrace Garden"
                                    {{ $area->area_type == 'Terrace Garden' ? 'selected' : '' }}>
                                    Terrace Garden
                                </option>

                            </select>

                        </div>

                        {{-- Area Size --}}
                        <div class="col-md-4 mb-3">

                            <label class="form-label">
                                Area Size
                            </label>

                            <input type="text"
                                name="area_size"
                                class="form-control"
                                value="{{ $area->area_size }}">

                        </div>

                        {{-- Size Unit --}}
                        <div class="col-md-4 mb-3">

                            <label class="form-label">
                                Size Unit
                            </label>

                            <select name="size_unit"
                                class="form-control">

                                <option value="Sqft"
                                    {{ $area->size_unit == 'Sqft' ? 'selected' : '' }}>
                                    Sqft
                                </option>

                                <option value="Sqm"
                                    {{ $area->size_unit == 'Sqm' ? 'selected' : '' }}>
                                    Sqm
                                </option>

                            </select>

                        </div>

                        {{-- Status --}}
                        <div class="col-md-4 mb-3">

                            <label class="form-label">
                                Status
                            </label>

                            <select name="status"
                                class="form-control">

                                <option value="Pending"
                                    {{ $area->status == 'Pending' ? 'selected' : '' }}>
                                    Pending
                                </option>

                                <option value="In Progress"
                                    {{ $area->status == 'In Progress' ? 'selected' : '' }}>
                                    In Progress
                                </option>

                                <option value="Completed"
                                    {{ $area->status == 'Completed' ? 'selected' : '' }}>
                                    Completed
                                </option>

                            </select>

                        </div>

                        {{-- Location --}}
                        <div class="col-md-6 mb-3">

                            <label class="form-label">
                                Location
                            </label>

                            <input type="text"
                                name="location"
                                class="form-control"
                                value="{{ $area->location }}">

                        </div>

                        {{-- Start Date --}}
                        <div class="col-md-3 mb-3">

                            <label class="form-label">
                                Start Date
                            </label>

                            <input type="date"
                                name="start_date"
                                class="form-control"
                                value="{{ $area->start_date }}">

                        </div>

                        {{-- End Date --}}
                        <div class="col-md-3 mb-3">

                            <label class="form-label">
                                End Date
                            </label>

                            <input type="date"
                                name="end_date"
                                class="form-control"
                                value="{{ $area->end_date }}">

                        </div>

                        {{-- Description --}}
                        <div class="col-md-12 mb-3">

                            <label class="form-label">
                                Description
                            </label>

                            <textarea name="description"
                                class="form-control"
                                rows="4">{{ $area->description }}</textarea>

                        </div>

                        {{-- Submit Button --}}
                        <div class="col-md-12">

                            <button type="submit"
                                class="btn btn-primary">

                                Update Area

                            </button>

                            <a href="{{ route('landscape.area.index') }}"
                                class="btn btn-secondary">

                                Back

                            </a>

                        </div>

                    </div>

                </form>

            </div>

        </div>

    </div>
</div>

@endsection