@extends('backend.layouts.master')

@section('title')
    Create {{ $pageHeader['title'] }}
@endsection

@push('styles')
@endpush

@section('admin-content')
<div class="main-panel">
    <div class="content-wrapper">
        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-body">
                        <h4 class="card-title">Create New Product</h4>
                        @include('backend.layouts.partials.message')
                        @if ($errors->any())
                            <div class="alert alert-danger">
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif

                        <form class="cmxform" method="post" action="{{ route($pageHeader['store_route']) }}">
                            @csrf
                            <fieldset class="row">


                                <div class="form-group col-md-4">
                                    <x-default.label required="true" for="name">Product Name <span class="text-info">(Ex-HIT-7D 3 Room)</span> </x-default.label>
                                    <x-default.input name="name" class="form-control" id="name" type="text" value="{{ old('name') }}"></x-default.input>
                                </div>


                                <div class="form-group col-md-4">
                                    <x-default.label required="true" for="project_id">Project</x-default.label>
                                    <select name="project_id" id="project_id" class="form-control @error('project_id') is-invalid @enderror">
                                        <option value="">-- Select Project --</option>
                                        @foreach($projects as $project)
                                            <option value="{{ $project->id }}" {{ old('project_id') == $project->id ? 'selected' : '' }}>
                                                {{ $project->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    <x-default.input-error name="project_id"></x-default.input-error>
                                </div>

                                <div class="form-group col-md-4">
                                    <x-default.label required="true" for="address">Address</x-default.label>
                                    <x-default.input name="address" class="form-control" id="address" type="text" value="{{ old('address') }}"></x-default.input>
                                </div>



                                {{-- <div class="form-group col-md-4">
                                    <x-default.label required="true" for="address">Project Address</x-default.label>
                                    <select name="address" id="address" class="form-control @error('address') is-invalid @enderror">
                                        <option value="">-- Select Address --</option>
                                        @foreach($projects as $project)
                                            <option value="{{ $project->address }}" {{ old('address') == $project->address ? 'selected' : '' }}>
                                                {{ $project->address }}
                                            </option>
                                        @endforeach
                                    </select>
                                    <x-default.input-error name="address"></x-default.input-error>
                                </div> --}}


                                <div class="form-group col-md-4">
                                    <x-default.label required="true" for="category_id">Category</x-default.label>
                                    <select name="category_id" id="category_id" class="form-control @error('category_id') is-invalid @enderror">
                                        <option value="">-- Select Category --</option>
                                        @foreach($categories as $category)
                                            <option value="{{ $category->id }}" {{ old('category_id') == $category->id ? 'selected' : '' }}>
                                                {{ $category->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    <x-default.input-error name="category_id"></x-default.input-error>
                                </div>


                                <div class="form-group col-md-4">
                                    <x-default.label required="true" for="size">Size (sqft)</x-default.label>
                                    <x-default.input name="size" class="form-control" id="size" type="number" value="{{ old('size') }}"></x-default.input>
                                </div>

                                <div class="form-group col-md-4">
                                    <x-default.label required="true" for="no">Product Number</x-default.label>
                                    <x-default.input name="no" class="form-control" id="no" type="text" value="{{ old('no') }}"></x-default.input>
                                </div>

                                {{-- <div class="form-group col-md-6">
                                    <x-default.label required="true" for="address">Address</x-default.label>
                                    <x-default.input name="address" class="form-control" id="address" type="text" value="{{ old('address') }}"></x-default.input>
                                </div> --}}


                                <div class="form-group col-md-3">
                                    <x-default.label for="asking_price"> Price</x-default.label>
                                    <x-default.input name="asking_price" class="form-control" id="asking_price" type="number" step="0.01" value="{{ old('asking_price') }}"></x-default.input>
                                </div>

                                <div class="form-group col-md-3">
                                    <x-default.label for="price_per_sqft">Price per Sqft</x-default.label>
                                    <x-default.input name="price_per_sqft" class="form-control" id="price_per_sqft" type="number" step="0.01" value="{{ old('price_per_sqft') }}"></x-default.input>
                                </div>

                                <div class="form-group col-md-3">
                                    <x-default.label for="utility">Utility</x-default.label>
                                    <x-default.input name="utility" class="form-control" id="utility" type="number" step="0.01" value="{{ old('utility') }}"></x-default.input>
                                </div>



                                <div class="form-group col-md-2">
                                    <x-default.label for="total_rooms">Total Rooms</x-default.label>
                                    <x-default.input name="total_rooms" class="form-control" id="total_rooms" type="number" step="1" value="{{ old('total_rooms') }}"></x-default.input>
                                </div>

                                <div class="form-group col-md-2">
                                    <x-default.label for="total_toilets">Total Toilets</x-default.label>
                                    <x-default.input name="total_toilets" class="form-control" id="total_toilets" type="number" step="1" value="{{ old('total_toilets') }}"></x-default.input>
                                </div>


                                <div class="form-group col-md-2">
                                    <x-default.label for="balcony_available">Balcony</x-default.label>
                                    <x-default.input name="balcony_available" class="form-control" id="balcony_available" type="number" step="1" value="{{ old('balcony_available') }}"></x-default.input>
                                </div>

                                <div class="form-group col-md-2">
                                    <x-default.label for="parking_available">Parking Available</x-default.label>
                                    <select name="parking_available" id="parking_available" class="form-control">
                                        <option value="0" {{ old('parking_available') == 0 ? 'selected' : '' }}>No</option>
                                        <option value="1" {{ old('parking_available') == 1 ? 'selected' : '' }}>Yes</option>
                                    </select>
                                </div>

                                <div class="form-group col-md-2">
                                    <x-default.label for="dining_room">Dining Room</x-default.label>
                                    <x-default.input name="dining_room" class="form-control" id="dining_room" type="number" step="1" value="{{ old('dining_room') }}"></x-default.input>
                                </div>

                                <div class="form-group col-md-2">
                                    <x-default.label for="drawing_room">Drawing Room</x-default.label>
                                    <x-default.input name="drawing_room" class="form-control" id="drawing_room" type="number" step="1" value="{{ old('drawing_room') }}"></x-default.input>
                                </div>


                                <div class="form-group col-md-12">
                                    <x-default.label required="false" for="remarks">Remarks</x-default.label>
                                    <textarea name="remarks" id="remarks" rows="3" class="form-control">{{ old('remarks') }}</textarea>
                                </div>

                                <div class="col-md-12 mt-3">
                                    <input class="btn btn-primary" type="submit" value="Create">                                </div>

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

    @include('backend.layouts.partials.footer')
</div>
@endsection