@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('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(['novalidate' => 'novalidate', 'id' => 'signupForm', 'route' => 'apartment.store', 'method' => 'POST']) !!}
                            <div class="d-flex flex-column mb-7 fv-row building">
                                <label for="building" class="fs-6 fw-semibold mb-2">@lang('admin.Building')</label>
                                <select name="building" required id="building_id" onchange="getBuilding()"
                                 class = 'form-select' data-control="select2">
                                    <option value="">Select Building</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">
                                <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
@section('js')
<script>
function getBuilding(){
    if($('.table')){
        $('.table').remove();
    }
    var building = $('#building_id').val();
    var apartment_type = $('#apartment_type_id').val();
    $.ajax({
        url: "{{ url('admin/building') }}"+'/'+building,
        method: "GET",
        data:{
            apartment_type:apartment_type
        },
        success:function(result){
            $('.building').after(result);
        }
    });
}
function addForm(){
$('.form').append('<tr><td colspan="2"><table>	<tr><td>Type of Vehicle: </td><td><select name="vehicle_type" class="inp form-select  sz_100" data-control="select2" id="vehicle_type" onchange="vehicle()"><option value="car">Car</option><option value="motorbike">Motorbike</option><option value="bicycle">Bicycle</option></select></td></tr><tr><td>Make:</td><td><input name="" class="inp form-control sz_100" type="text"></td></tr><tr><td>Model:</td><td><input name="" class="inp form-control sz_100" type="text"></td></tr><tr><td><span class="car_field">Registration:</span><span class="bike_field" style="display: none;">Frame Number:</span> </td><td><input name="" class="inp form-control sz_40" type="text"> </td></tr><tr><td>Fob No. </td><td><input name="" class="inp form-control sz_40" type="text"> </td></tr><tr><td>Space: </td><td><input name="" class="inp form-control sz_40" type="text"> </td></tr><tr><td colspan="2">&nbsp;</td></tr></table></td></tr>');
}
function vehicle(){
    var type = $('#vehicle_type').val();
    if(type == 'bicycle'){
        $(".car_field").text("Frame Number:");
    }else{
        $(".car_field").text("Registration:");
    }
}
</script>
@endsection