@extends('admin.layouts.master')

@section('page_title', __('admin.Add :name' , ['name' =>  __('admin.apartment')]))

@section('page_heading', __('admin.Add :name' , ['name' =>  __('admin.apartment')]))

@section('page_text', __('admin.Add :name' , ['name' =>  __('admin.apartment')]))

@section('page_breadcrumb_icon') <i class="ki-duotone ki-home fs-3 text-gray-500 me-n1"></i> @endsection

@section('page_breadcrumb_item', 'Apartment')

@section('page_breadcrumb_item2', 'Apartment')


@section('css')
    <style>
        .select2-container .select2-selection--multiple {
            height: 50px !important;
            border-radius: 10px !important;
            border-color: inherit;
            padding: 0.65rem 1rem !important;
            font-size: 1.1875rem !important;
            line-height: 1.31579 !important;
        }
        .select2-container--default .select2-selection--multiple .select2-selection__choice{
            margin-top: 0px;
        }
    </style>
    
@endsection

@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card card-flush">
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-8">
                            {!! Form::open(array('novalidate'=>'novalidate','id' => 'signupForm', 'route' => 'apartment.store','method'=>'POST')) !!}
                            <div class="d-flex flex-column mb-7 fv-row">
                                <label for="building" class="fs-6 fw-semibold mb-2">@lang('admin.Building')</label>
                                <select name="building" required id="building_id" 
                                class = 'form-select' data-control="select2">
                                    <option value="" selected></option>
                                    @foreach ($building as $item)
                                        <option value="{{ $item->id }}">{{ $item->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="d-flex flex-column mb-7 fv-row">
                                <label for="apartment_type" class="fs-6 fw-semibold mb-2">@lang('admin.apartment_type')</label>
                                <select name="apartment_type" required id="apartment_type_id" 
                                class = 'form-select' data-control="select2">
                                    <option value="" selected></option>
                                    @foreach ($apartment_type as $item)
                                        <option value="{{ $item->id }}">{{ $item->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="d-flex flex-column mb-7 fv-row">
                                <label for="name" class="fs-6 fw-semibold mb-2">@lang('admin.Name')</label>
                                {!! Form::text('name', null, array('required'=>'required','placeholder' => '','class' => 'form-control')) !!}
                            </div>
                            <div class="d-flex flex-column mb-7 fv-row">
                                <label for="floor_no" class="fs-6 fw-semibold mb-2">@lang('admin.floor_no')</label>
                                {!! Form::number('floor_no', null, array('required'=>'required','placeholder' => '','class' => 'form-control')) !!}
                            </div>
                            <div class="d-flex flex-column mb-7 fv-row">
                                <label for="sort_order_no" class="fs-6 fw-semibold mb-2">@lang('admin.sort_order_no')</label>
                                {!! Form::number('sort_order_no', null, array('required'=>'required','placeholder' => '','class' => 'form-control')) !!}
                            </div>
                            <div class="d-flex flex-column mb-7 fv-row">
                                <div class="divider"></div>

                                <div class="clearfix">
                                   
                                    <button type="submit" id="next-btn"
                                            class="btn-shadow btn-wide float-right   btn-hover-shine btn btn-primary">
                                        @lang('admin.Submit')
                                    </button>
                                    <a href="{{ route('apartment.index') }}" id="prev-btn"
                                       class="btn-shadow float-right btn-wide  mr-3 btn btn-outline-secondary">
                                        @lang('admin.Cancel')
                                    </a>
                                </div>
                            </div>
                            {!! Form::close() !!}

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection