@extends('layouts.app')
@section('title', __('purchase.order.order'))

        @section('content')
    <div class="page-wrapper">
    <div class="page-content">

        <div class="container-fluid px-4">
            
          <div class="row">
    <div class="col-12">

                    <h4 class="mb-3">Create Area</h4>
<form action="{{ route('landscape.area.store') }}" method="POST">

    @csrf

    <div class="row">

        <div class="col-md-4">
            <label>Area Code</label>
            <input type="text" name="area_code" class="form-control">
        </div>

        <div class="col-md-4">
            <label>Area Name</label>
            <input type="text" name="area_name" class="form-control">
        </div>

        <div class="col-md-4">
            <label>Area Type</label>

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

                <option value="Garden">Garden</option>
                <option value="Lawn">Lawn</option>
                <option value="Terrace Garden">Terrace Garden</option>

            </select>
        </div>

        <div class="col-md-4 mt-3">
            <label>Area Size</label>
            <input type="text" name="area_size" class="form-control">
        </div>

        <div class="col-md-4 mt-3">
            <label>Size Unit</label>

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

                <option value="Sqft">Sqft</option>
                <option value="Sqm">Sqm</option>

            </select>
        </div>

        <div class="col-md-4 mt-3">
            <label>Status</label>

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

                <option value="Pending">Pending</option>
                <option value="In Progress">In Progress</option>
                <option value="Completed">Completed</option>

            </select>
        </div>

        <div class="col-md-6 mt-3">
            <label>Location</label>
            <input type="text" name="location" class="form-control">
        </div>

        <div class="col-md-3 mt-3">
            <label>Start Date</label>
            <input type="date" name="start_date" class="form-control">
        </div>

        <div class="col-md-3 mt-3">
            <label>End Date</label>
            <input type="date" name="end_date" class="form-control">
        </div>

        <div class="col-md-12 mt-3">
            <label>Description</label>

            <textarea name="description" class="form-control"></textarea>
        </div>

        <div class="col-md-12 mt-4">
            <button class="btn btn-primary">
                Save Area
            </button>
        </div>

    </div>

</form>
                   
                </div>
            </div>

        </div>

    </div>
</div>