@extends('admin.layout.master')
@section('title', 'Other Hotel')
@section('content')
    <style>
        #loaded_info{
            height: calc(100vh - 245px)!important;
        }
    </style>
    <div class="card sina-card mt-0 mb-1">
        <div class="card-header card-header-s d-flex justify-content-between">
            <h5 class="mb-0">{{__('obs.other_hotel')}}</h5>
            <a href="{{ route('frontdesk.other_hotel.index') }}" class="btn btn-sm btn-light">{{__('obs.list')}}</a>
        </div>
        <div class="card-body pt-1">
            <form action="{{ route('frontdesk.other_hotel.store') }}" class="form_submit">
                <input type="hidden" name="row_id" value="{{ isset($info) ? $info->id : null }}">
                <h4>{{ __('obs.basic_information') }}</h4>
                <div class="row g-3">
                    <div class="col-lg-4">
                        <table class="table cl-table table-form table-bordered rounded-2">
                            <tr>
                                <td>
                                    <label for="" class="cl-form-label">{{ __('obs.name') }}<span class="required_field"></span></label>
                                </td>
                                <td>
                                    <div class="d-flex">
                                        <input type="text" class="form-control" name="name" value="{{ isset($info) ? $info->name : null }}">
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <label for="" class="cl-form-label">{{ __('obs.local_name') }}</label>
                                </td>
                                <td>
                                    <div class="d-flex">
                                        <input type="text" class="form-control" name="local_name" value="{{ isset($info) ? $info->local_name : null }}">
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div class="col-lg-4">
                        <table class="table cl-table table-form table-bordered rounded-2">
                            {{-- <tr>
                                <td>
                                    <label for="" class="cl-form-label">{{ __('obs.vendor') }} <span class="required_field"></span></label>
                                </td>
                                <td>
                                    @if(isset($info))
                                        @include('v2.inventory.global.party_live_dd', ['type'=>1, 'skip_add_new'=>1, 'selected_party'=>$info->getVendor])
                                    @else
                                        @include('v2.inventory.global.party_live_dd', ['type'=>1, 'skip_add_new'=>1])
                                    @endif
                                </td>
                            </tr> --}}
                            <tr>
                                <td>
                                    <label for="" class="cl-form-label">{{ __('obs.group') }}</label>
                                </td>
                                <td>
                                    <div class="d-flex">
                                        <select name="group_id" id="group_id" class="form-control select_2">
                                            @foreach ($other_hotel_groups as $o)
                                                <option {{ isset($info) && $info->group_id == $o->id ? 'selected' : '' }} value="{{ $o->id }}">{{ $o->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <label for="" class="cl-form-label">{{ __('obs.tax_number') }}</label>
                                </td>
                                <td>
                                    <div class="d-flex">
                                        <input type="text" class="form-control" name="tax_number" value="{{ isset($info) ? $info->tax_number : null }}">
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div class="col-lg-4">
                        <table class="table cl-table table-form table-bordered rounded-2">
                            <tr>
                                <td>
                                    <label for="" class="cl-form-label">{{ __('obs.address') }}</label>
                                </td>
                                <td>
                                    <textarea name="address" id="" class="form-control" cols="30" rows="1">{{ isset($info) ? $info->address : null }}</textarea>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <label for="" class="cl-form-label">{{ __('obs.local_address') }}</label>
                                </td>
                                <td>
                                    <textarea name="local_address" id="" class="form-control" cols="30" rows="1">{{ isset($info) ? $info->local_address : null }}</textarea>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>

                {{-- <div class="row">
                    <div class="col-12 py-2">
                        <div class="d-flex">
                            <h4 class="mt-2 pe-1">{{ __('obs.floor_information') }}</h4>
                            <button type="button" class="btn btn-sm btn-primary" onclick="addNewFloor()"><i class="fas fa-plus"></i></button>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="row floor_body">
                            @if(isset($info))
                                @foreach ($info->getFloors as $f)
                                    <div class="col-2">
                                        <div class="d-flex">
                                            <input type="text" name="floor_name[]" value="{{ $f->name }}" placeholder="Floor Name" class="form-control">
                                            <input type="hidden" name="floor_pre_id[]" value="{{ $f->id }}">
                                            <button type="button" class="btn btn-sm btn-danger" onclick="removeRow(this)"><i class="fas fa-minus"></i></button>
                                        </div>
                                    </div>
                                @endforeach
                            @else
                                <div class="col-2">
                                    <div class="d-flex">
                                        <input type="text" name="floor_name[]" placeholder="Floor Name" class="form-control">
                                        <input type="hidden" name="floor_pre_id[]">
                                        <button type="button" class="btn btn-sm btn-danger" onclick="removeRow(this)"><i class="fas fa-minus"></i></button>
                                    </div>
                                </div>
                            @endif
                        </div>
                    </div>
                </div> --}}

                {{-- <div class="row">
                    <div class="col-12 py-2">
                        <div class="d-flex">
                            <h4 class="mt-2 pe-1">{{ __('obs.room_type_information') }}</h4>
                            <button type="button" class="btn btn-sm btn-primary" onclick="addNewRoomType()"><i class="fas fa-plus"></i></button>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="row room_type_body">
                            @if(isset($info))
                                @foreach ($info->getRoomTypes as $r)
                                    <div class="col-2">
                                        <div class="d-flex">
                                            <input type="text" name="room_type_name[]" value="{{ $r->name }}" placeholder="Room Type Name" class="form-control">
                                            <input type="hidden" name="room_type_pre_id[]" value="{{ $r->id }}">
                                            <button type="button" class="btn btn-sm btn-danger" onclick="removeRow(this)"><i class="fas fa-minus"></i></button>
                                        </div>
                                    </div>
                                @endforeach
                            @else
                                <div class="col-2">
                                    <div class="d-flex">
                                        <input type="text" name="room_type_name[]" placeholder="Room Type Name" class="form-control">
                                        <input type="hidden" name="room_type_pre_id[]">
                                        <button type="button" class="btn btn-sm btn-danger" onclick="removeRow(this)"><i class="fas fa-minus"></i></button>
                                    </div>
                                </div>
                            @endif
                        </div>
                    </div>
                </div> --}}

                <div class="row">
                    <div class="col-12 py-2">
                        <div class="d-flex">
                            <h4 class="mt-2 pe-1">{{ __('obs.contact_information') }}</h4>
                            <button type="button" class="btn btn-sm btn-primary" onclick="addNewContactInfo()"><i class="fas fa-plus"></i></button>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="row contact_info_body">
                            @if(isset($info))
                                @php
                                    $decode_cp = json_decode($info->contact_info);
                                @endphp
                                @foreach ($decode_cp as $f)
                                    <div class="row">
                                        <div class="col-2">
                                            <div class="d-flex">
                                                <input type="text" name="cp_name[]" placeholder="Contact Person Name" value="{{ $f->name }}" class="form-control">
                                            </div>
                                        </div>
                                        <div class="col-2">
                                            <div class="d-flex">
                                                <input type="text" name="cp_mobile[]" placeholder="Contact Person Mobile" value="{{ $f->mobile }}" class="form-control">
                                            </div>
                                        </div>
                                        <div class="col-1">
                                            <button type="button" class="btn btn-sm btn-danger" onclick="removeRow(this)"><i class="fas fa-minus"></i></button>
                                        </div>
                                    </div>
                                @endforeach
                            @else
                                <div class="row">
                                    <div class="col-2">
                                        <div class="d-flex">
                                            <input type="text" name="cp_name[]" placeholder="Contact Person Name" class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-2">
                                        <div class="d-flex">
                                            <input type="text" name="cp_mobile[]" placeholder="Contact Person Mobile" class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-1">
                                        <button type="button" class="btn btn-sm btn-danger" onclick="removeRow(this)"><i class="fas fa-minus"></i></button>
                                    </div>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-12 mt-3 text-center">
                        <button class="btn btn-sm btn-success">{{ __('obs.save') }}</button>
                    </div>
                </div>
            </form>
        </div>
    </div>

    @include('frontdesk.common.common')
@endsection

@section('script')

    <script>
        function addNewFloor(){
            $('.floor_body').append(`
            <div class="col-2">
                <div class="d-flex">
                    <input type="text" name="floor_name[]" placeholder="Floor Name" class="form-control">
                    <input type="hidden" name="floor_pre_id[]">
                    <button type="button" class="btn btn-sm btn-danger" onclick="removeRow(this)"><i class="fas fa-minus"></i></button>
                </div>
            </div>
            `);
        }

        function addNewRoomType(){
            $('.room_type_body').append(`
            <div class="col-2">
                <div class="d-flex">
                    <input type="text" name="room_type_name[]" placeholder="Room Type Name" class="form-control">
                    <input type="hidden" name="room_type_pre_id[]">
                    <button type="button" class="btn btn-sm btn-danger" onclick="removeRow(this)"><i class="fas fa-minus"></i></button>
                </div>
            </div>
            `);
        }

        function addNewContactInfo(){
            $('.contact_info_body').append(`
                <div class="row">
                    <div class="col-2">
                        <div class="d-flex">
                            <input type="text" name="cp_name[]" placeholder="Contact Person Name" class="form-control">
                        </div>
                    </div>
                    <div class="col-2">
                        <div class="d-flex">
                            <input type="text" name="cp_mobile[]" placeholder="Contact Person Mobile" class="form-control">
                        </div>
                    </div>
                    <div class="col-1">
                        <button type="button" class="btn btn-sm btn-danger" onclick="removeRow(this)"><i class="fas fa-minus"></i></button>
                    </div>
                </div>
            `);
        }

        function removeRow(e){
            $(e).parent().parent().remove();
        }
    </script>

@endsection