@extends('layouts.master')

@section('title', 'Edit Offer | Alboosh - Timeless authenticity, born of the desert')

@section('title-topbar', __('basic.edit offer'))

<!-- css insert -->
@section('css')
<!-- select 2 -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.1.0-rc.0/css/select2.min.css"
    integrity="sha512-aD9ophpFQ61nFZP6hXYu4Q/b/USW7rpLCQLX6Bi0WJHXNO7Js/fUENpBQf/+P4NtpzNX0jSgR5zVvPOJp+W2Kg=="
    crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- select 2 -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.1.0-rc.0/css/select2.min.css"
    integrity="sha512-aD9ophpFQ61nFZP6hXYu4Q/b/USW7rpLCQLX6Bi0WJHXNO7Js/fUENpBQf/+P4NtpzNX0jSgR5zVvPOJp+W2Kg=="
    crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://unpkg.com/dropzone@5/dist/min/dropzone.min.css" type="text/css" />
<link href="https://fastly.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-lite.min.css" rel="stylesheet">

<!-- boostrap datepicker -->
<link rel="stylesheet"
    href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/css/bootstrap-datepicker3.css" />
@endsection

@section('fixedcontent')
<!-- session successful message -->
@if (Session::has('success'))
<div id="flash-msg" class="shadow pt-3">
    <div class="d-flex justify-content-between mb-2">
        <i class="fas fs-1 fa-check"></i>
        <a id="flash-msg-btn" class="text-blue-300 clickable-item-pointer"><i class="fas fa-times"></i></a>
    </div>
    <h3>Sent Successfully</h3>
    <p class="text-blue-300">{{ Session::get('success') }}</p>
</div>
@endif
@endsection


<!-- content insert -->
@section('content')

<div class="container-fluid px-0 px-md-2 mt-3">

    <!-- page title link -->
    <div class="d-sm-flex align-items-center justify-content-between mb-3">
        <span class="mb-0">
            <a class="link-cust-text text-gray-200 fw-light" href="{{ route('sett.home') }}">{{ __('basic.dashboard') }}
                |</a>
            <a class="link-cust-text text-gray-200 fw-light" href="{{ route('sett.unit_offer.index') }}">{{
                __('basic.offers') }} | </a>
            <a class="text-gray-300">{{ __('basic.edit offer') }}</a>
        </span>
    </div>

    <div class="card card-input shadow mb-3 pb-3">
        <!-- Card Header - Dropdown -->
        <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
            <h6 class="m-0 fw-bold text-gray-500"><i class="fas fa-map-marker-alt me-1"></i> {{ __('basic.edit offer')
                }}
            </h6>
        </div>

        <!-- Card Body -->
        <div class="card-body px-4 px-md-5">

            @foreach ($errors->all() as $error)
            <div class="text-red"><i class="fas fa-exclamation me-1"></i> {{ $error }}</div>
            @endforeach

            @foreach ($errors->all() as $error)
            <div class="text-red"><i class="fas fa-exclamation me-1"></i> {{ $error }}</div>
            @endforeach

            <form id="myforminput" method="POST" action="{{ route('sett.unit_offer.update', $offer->id) }}"
                enctype="multipart/form-data">
                {{ method_field('PUT') }}
                @csrf

                <div class="row mb-2 ">

                    <div class="col-12 col-md-3 mb-2">
                        <label class="form-label">{{ __('basic.name') }}
                            <small>({{ __('basic.required') }})</small></label>
                        <input name="name" type="text" class="form-control @error('name') is-invalid @enderror"
                            placeholder="Offer Name .." value="{{ $offer->name }}" required>
                    </div>

                    <div class="col-12 col-md-4 mb-3">
                        <label class="form-label">{{ __('basic.hotels') }}
                            <small>({{ __('basic.required') }})</small></label>
                        <select id="unit_id"
                            class="js-example-basic-single select2-hidden-accessible @error('unit_id') is-invalid @enderror"
                            name="unit_id" required>
                            @foreach ($units as $item)
                            <option @if ($item->id == $offer->unit_id)
                                selected
                                @endif value="{{ $item->id }}">{{ $item->name }}</option>
                            @endforeach
                        </select>
                        <div id="branch_id-js-error-valid"></div>

                        @error('unit_id')
                        <span class="error-msg-form">
                            {{ $message }}
                        </span>
                        @enderror
                    </div>

                    <div class="col-12 col-md-2 mb-3">
                        <label class="form-label">{{ __('basic.type') }}
                            <small>({{ __('basic.required') }})</small></label>
                        <select id="type"
                            class="js-example-basic-single select2-hidden-accessible @error('type') is-invalid @enderror"
                            name="type">
                            <option @if ($offer->type == 1)
                                selected
                                @endif value="1">{{ __('basic.unlimited rooms') }}</option>
                            <option @if ($offer->type == 2)
                                selected
                                @endif value="2">{{ __('basic.limited rooms') }}</option>
                        </select>
                        <div id="type-js-error-valid"></div>

                        @error('type')
                        <span class="error-msg-form">
                            {{ $message }}
                        </span>
                        @enderror
                    </div>

                    <div class="col-12 col-md-2 mb-3">
                        <label class="form-label">{{ __('basic.broker') }}
                            <small>({{ __('basic.required') }})</small></label>
                        <select id="debtor_id"
                            class="js-example-basic-single select2-hidden-accessible @error('debtor_id') is-invalid @enderror"
                            name="debtor_id">
                            <option @if($offer->debtor_id == 0) selected @endif value="0" >No Broker</option>
                            @foreach ($debtors as $item)
                            <option @if ($item->id == $offer->debtor_id)
                                selected
                                @endif value="{{ $item->id }}">{{ $item->company_name }}</option>
                            @endforeach
                        </select>
                        <div id="debtor_id-js-error-valid"></div>

                        @error('debtor_id')
                        <span class="error-msg-form">
                            {{ $message }}
                        </span>
                        @enderror
                    </div>

                    <div class="col-1 fw-bold d-flex justify-content-center align-self-center">
                        <span id="service_final_info" class="me-2">{{ __('basic.favorite') }}</span>
                        <div class="switch-checkbox">
                            <input class="done_btn" @if ($offer->fav == 1)
                            checked
                            @endif name="fav" type="checkbox" value="1" id="fav_check"><label for="fav_check"
                                class="ms-auto me-auto">Toggle</label>
                        </div>
                        @error('fav')
                        <span class="error-msg-form">
                            {{ $message }}
                        </span>
                        @enderror
                    </div>
                </div>

                <div class="d-flex justify-content-end mt-4 mb-2">
                    <input type="submit" name="next" class="next-form-steps btn btn-primary action-button-next"
                        value="{{ __('basic.update') }}">
                </div>

            </form>

            <hr>

            <h6 class="text-gray-400 mb-">
                <i class="fas fa-bed me-1"></i> {{ __('basic.rooms') }}
            </h6>

            <div class="row">

                @foreach ($offer->rooms as $item)

                <div class="col-12 col-md-4 mb-3 room_index">

                    <div class="p-4 b-r-l-cont border color-gray-400-bg position-relative">

                        <div class="d-flex justify-content-between mb-2">
                            <div class="d-flex">
                                <i class="fas fa-bed me-2 fs-1 text-gray-300"></i>
                                <div>
                                    <h6 class="fw-bold mb-0">{{ $item->type->name }}</h6>
                                    <p class="text-gray-400 mb-0 text-xs">{{ $item->info }}</p>
                                </div>
                            </div>
                            <div>
                                <h6 class="mb-0">{{ $item->view->name }}</h6>
                            </div>
                        </div>

                        <div class="d-flex justify-content-between">
                            <h6><span class="text-gray-400">{{ __('basic.meal') }}:</span> {{ $item->meal->name }} </h6>
                            <div class="d-flex">
                                <h6 class="me-2"><i data-bs-toggle="modal"
                                        data-bs-target="#edit_room_modal{{ $item->id }}"
                                        class="fas fa-edit text-green clickable-item-pointer"></i></h6>
                                <h6><i data-bs-toggle="modal" data-bs-target="#delete_room_modal{{ $item->id }}"
                                        class="fas fa-times text-red-200 clickable-item-pointer delete_price"></i></h6>
                            </div>
                        </div>

                        <div class="position-absolute d-flex ">
                            <div class="b-r-l-cont bg-white me-2 px-3 shadow  btn btn-light" data-bs-toggle="modal"
                                data-bs-target="#show_price_list{{ $item->id }}">
                                <i class="fas fa-list me-2"></i> {{ __('basic.price list') }}
                            </div>
                            <div class="b-r-l-cont px-3 shadow btn btn-light new_room_price_btn"
                                data-id="{{  $item->id }}">
                                <i class="fas fa-plus me-2"></i>{{ __('basic.edit price') }}
                            </div>
                        </div>
                    </div>

                </div>

                <!-- Price list -->
                <div class="modal fade" id="show_price_list{{ $item->id }}" tabindex="-1" role="dialog"
                    aria-labelledby="exampleModalLabel" aria-hidden="true">
                    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">

                        <div class="modal-content b-r-s-cont border-0">
                            <div class="modal-header">
                                <h5 class="modal-title" id="exampleModalLabel"><i class="fas fa-dollar-sign me-1"></i>
                                    {{ __('basic.price list') }}</h5>
                                <button type="button" class="btn-close" data-bs-dismiss="modal"
                                    aria-label="Close"></button>
                            </div>

                            <!-- Modal content -->
                            <div class="modal-body px-4 py-3">

                                @foreach ($item->prices as $item_p)
                                <div class="row align-items-center">
                                    <div class="col-4">
                                        <label class="text-gray-400 text-xs">{{ __('basic.date') }}</label>
                                        <div>
                                            - {{ $item_p->from}}
                                        </div>
                                        <div>
                                            - {{ $item_p->to }}
                                        </div>
                                    </div>
                                    <div class="col-3">
                                        <label class="text-gray-400 text-xs">{{ __('basic.buy') }}</label>
                                        <div>
                                            {{ $item_p->buy }}
                                        </div>
                                    </div>
                                    <div class="col-3">
                                        <label class="text-gray-400 text-xs">{{ __('basic.sell') }}</label>
                                        <div>
                                            {{ $item_p->sell }}
                                        </div>
                                    </div>
                                    <div class="col-2">
                                        <div class="d-flex">
                                            <h6 class="me-2"><i data-id="{{ $item_p->id }}"
                                                    data-market="@foreach ($item_p->markets as $item_m){{ $item_m->market_id }},@endforeach"
                                                    data-from="{{ $item_p->from }}" data-to="{{ $item_p->to }}"
                                                    data-buy="{{ $item_p->buy }}" data-sell="{{ $item_p->sell }}"
                                                    data-modal_update_id="edit_price_modal_{{ $item->id }}"
                                                    data-modal_show_id="show_price_list{{ $item->id }}"
                                                    class=" fas fa-edit text-green clickable-item-pointer edit_list_price_modal"></i>
                                            </h6>
                                            <h6><i class="fas fa-times text-red-200 clickable-item-pointer delete_price_modal"
                                                    data-id="{{ $item_p->id }}"></i>
                                            </h6>
                                        </div>
                                    </div>
                                </div>

                                <hr>

                                <!-- Update room -->
                                <div class="modal fade" id="edit_price_modal_{{ $item->id }}" tabindex="-1"
                                    role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">


                                        <form method="POST"
                                            action="{{ route('sett.update_unit_offer_price', $item_p->id) }}"
                                            enctype="multipart/form-data" style="display: contents">
                                            {{ method_field('PUT') }}
                                            @csrf

                                            <div class="modal-content b-r-s-cont border-0">
                                                <div class="modal-header">
                                                    <h5 class="modal-title" id="exampleModalLabel"><i
                                                            class="fas fa-dollar-sign me-1"></i>
                                                        {{ __('basic.edit price') }}</h5>
                                                    <button type="button" class="btn-close" data-bs-dismiss="modal"
                                                        aria-label="Close"></button>
                                                </div>

                                                <!-- Modal content -->
                                                <div class="modal-body px-5 py-3">


                                                    <div class="row mb-2">

                                                        <div class="col-12 mb-2">
                                                            <label class="form-label">{{ __('basic.from') }}
                                                                <small>({{ __('basic.required') }})</small></label>
                                                            <div class="input-group">
                                                                <div class="input-group-prepend">
                                                                    <div class="input-group-text"><i
                                                                            class="bi bi-calendar2-week-fill"></i>
                                                                    </div>
                                                                </div>
                                                                <input name="from_price" id="from_price" type="text"
                                                                    class="form-control hasdatetimepicker"
                                                                    placeholder="YYYY-MM-DD" value="{{ $item_p->from }}"
                                                                    required>
                                                            </div>
                                                        </div>

                                                        <div class="col-12 mb-2">
                                                            <label class="form-label">{{ __('basic.to') }}
                                                                <small>({{ __('basic.required') }})</small></label>
                                                            <div class="input-group">
                                                                <div class="input-group-prepend">
                                                                    <div class="input-group-text"><i
                                                                            class="bi bi-calendar2-week-fill"></i>
                                                                    </div>
                                                                </div>
                                                                <input name="to_price" id="to_price" type="text"
                                                                    class="form-control hasdatetimepicker"
                                                                    placeholder="YYYY-MM-DD" value="{{ $item_p->to }}"
                                                                    required>
                                                            </div>
                                                        </div>

                                                        <div class="col-12 mb-2">
                                                            <label class="form-label">{{ __('basic.market') }}
                                                                <small>({{ __('basic.required') }})</small></label>
                                                            <select
                                                                class="js-example-basic-single select2-hidden-accessible @error('market') is-invalid @enderror"
                                                                name="market_price[]" required multiple>
                                                                @foreach ($markets as $item_m)
                                                                <option @if(in_array($item_m->id,
                                                                    $item_p->markets->pluck('market_id')->toArray()))
                                                                    selected
                                                                    @endif
                                                                    value="{{$item_m->id }}">
                                                                    {{ $item_m->name }}
                                                                </option>
                                                                @endforeach
                                                            </select>

                                                            <span id="market_error" class="error-msg-form"></span>

                                                            @error('market')
                                                            <span class="error-msg-form">
                                                                {{ $message }}
                                                            </span>
                                                            @enderror
                                                        </div>

                                                        <div class="col-12 mb-2">
                                                            <label class="form-label">{{ __('basic.buy') }}
                                                                <small>({{ __('basic.required') }})</small></label>
                                                            <input name="buy_price" type="number"
                                                                class="form-control @error('buy_price') is-invalid @enderror"
                                                                placeholder="Buy Price Name .."
                                                                value="{{ $item_p->buy }}" required>
                                                        </div>

                                                        <div class="col-12 mb-2">
                                                            <label class="form-label">{{ __('basic.sell') }}
                                                                <small>({{ __('basic.required') }})</small></label>
                                                            <input name="sell_price" type="number"
                                                                class="form-control @error('sell_price') is-invalid @enderror"
                                                                placeholder="Sell Price Name .."
                                                                value="{{ $item_p->sell }}" required>
                                                        </div>


                                                        @foreach ($item_p->exceptions as $item_ex)
                                                        <div class="row">
                                                            <hr class="mt-3">
                                                            <div class="d-flex justify-content-between">
                                                                <h5 class="col-12 mb-2">{{ __('basic.exceptions') }}
                                                                </h5><i
                                                                    class="fas fa-times text-red-200 clickable-item-pointer delete_exception align-self-center"></i>
                                                            </div>
                                                            <div class="col-12 mb-2">
                                                                <label class="form-label">{{ __('basic.weekly') }}
                                                                    <small>({{ __('basic.required') }})</small></label>
                                                                <select
                                                                    class="js-example-basic-single select2-hidden-accessible weekend_exception"
                                                                    name="day_exc[]">
                                                                    <option @if($item_ex->weekends == "saturday")
                                                                        selected
                                                                        @endif
                                                                        value="saturday">{{ __('basic.saturday') }}
                                                                    </option>

                                                                    <option @if($item_ex->weekends == "sunday") selected
                                                                        @endif
                                                                        value="sunday">{{ __('basic.sunday') }}</option>

                                                                    <option @if($item_ex->weekends == "monday") selected
                                                                        @endif
                                                                        value="monday">{{ __('basic.monday') }}</option>

                                                                    <option @if($item_ex->weekends == "tuesday")
                                                                        selected
                                                                        @endif
                                                                        value="tuesday">{{ __('basic.tuesday') }}
                                                                    </option>

                                                                    <option @if($item_ex->weekends == "wendnsday")
                                                                        selected
                                                                        @endif
                                                                        value="wendnsday">{{ __('basic.wendnsday') }}
                                                                    </option>

                                                                    <option @if($item_ex->weekends == "thursday")
                                                                        selected
                                                                        @endif
                                                                        value="thursday">{{ __('basic.thursday') }}
                                                                    </option>

                                                                    <option @if($item_ex->weekends == "friday") selected
                                                                        @endif
                                                                        value="friday">{{ __('basic.friday') }}</option>
                                                                </select>
                                                            </div>

                                                            <div class="col-12 mb-2">
                                                                <label class="form-label">{{ __('basic.to') }}
                                                                    <small>({{ __('basic.required') }})</small></label>
                                                                <div class="input-group">
                                                                    <div class="input-group-prepend">
                                                                        <div class="input-group-text"><i
                                                                                class="bi bi-calendar2-week-fill"></i>
                                                                        </div>
                                                                    </div>
                                                                    <input name="date_exc[]" type="text"
                                                                        class="date_exc form-control hasdatetimepicker"
                                                                        value="{{ $item_ex->date }}"
                                                                        placeholder="YYYY-MM-DD">
                                                                </div>
                                                            </div>

                                                            <div class="col-12 mb-2">
                                                                <label class="form-label">{{ __('basic.buy') }}
                                                                    <small>({{ __('basic.required') }})</small></label>
                                                                <input name="buy_price_exc[]" type="number"
                                                                    class="form-control @error('buy_price') is-invalid @enderror"
                                                                    placeholder="Buy Price Name .."
                                                                    value="{{ $item_ex->buy }}" required>
                                                            </div>

                                                            <div class="col-12 mb-2">
                                                                <label class="form-label">{{ __('basic.sell') }}
                                                                    <small>({{ __('basic.required') }})</small></label>
                                                                <input name="sell_price_exc[]" type="number"
                                                                    class="form-control @error('sell_price') is-invalid @enderror"
                                                                    placeholder="Sell Price Name .."
                                                                    value="{{ $item_ex->sell }}" required>
                                                            </div>
                                                        </div>
                                                        @endforeach


                                                        <div class="cont_exception">
                                                        </div>
                                                        <div class="my-3 text-end">
                                                            <div
                                                                class="new_exception btn btn-user not_accepted-color-btn rounded-pill">
                                                                <i class="fas fa-plus"></i> {{ __('basic.new exception')
                                                                }}
                                                            </div>
                                                        </div>

                                                    </div>


                                                </div>

                                                <div class="modal-footer">
                                                    <div class="left-side">
                                                        <button type="button" class="btn btn-default btn-link"
                                                            data-bs-dismiss="modal">{{
                                                            __('basic.never mind') }}</button>
                                                    </div>
                                                    <div class="divider"></div>
                                                    <div class="right-side">
                                                        <input type="hidden" name="price_id" value="{{ $item_p->id }}">
                                                        <button type="submit"
                                                            class="btn btn-default btn-link main-color">{{
                                                            __('basic.update') }}</button>
                                                    </div>
                                                </div>


                                            </div>
                                        </form>


                                    </div>

                                </div>

                                @endforeach

                            </div>

                            <div class="modal-footer">
                                <div class="left-side">
                                    <button type="button" class="btn btn-default btn-link" data-bs-dismiss="modal">{{
                                        __('basic.never mind') }}</button>
                                </div>
                                <div class="divider"></div>
                                <div class="right-side">
                                    <input type="hidden" name="unit_offer_room_id">

                                    <button id="add_price_modal" data-id="{{ $item->id }}"
                                        class="btn btn-default btn-link main-color">{{
                                        __('basic.add new') }}</button>
                                </div>
                            </div>
                        </div>

                    </div>

                </div>

                <!-- Delete room -->
                <div class="modal fade" id="delete_room_modal{{ $item->id }}" tabindex="-1"
                    aria-labelledby="exampleModalLabel" aria-hidden="true">
                    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable ">
                        <div class="modal-content b-r-s-cont border-0">

                            <div class="modal-header">
                                <div class="modal-title" id="exampleModalLabel"><i class="fas fa-trash me-1"></i>
                                    {{ __('basic.delete') }}</div>
                                <button type="button" class="btn-close" data-bs-dismiss="modal"
                                    aria-label="Close"></button>
                            </div>

                            <form action="{{ route('sett.delete_unit_offer_room', $item->id) }}" method="post">
                                {{ method_field('delete') }}
                                {{ csrf_field() }}

                                <!-- Modal content -->
                                <div class="modal-body px-4">

                                    <div class="modal-body delete-conf-input text-center py-0">
                                        <p class="mb-0">{{ __('basic.delete message') }}</p><br>
                                    </div>
                                </div>

                                <div class="modal-footer">
                                    <div class="left-side">
                                        <button type="button" class="btn btn-default btn-link"
                                            data-bs-dismiss="modal">{{
                                            __('basic.never mind') }}</button>
                                    </div>
                                    <div class="divider"></div>
                                    <div class="right-side">
                                        <button type="submit" class="btn btn-default btn-link text-red">{{
                                            __('basic.delete') }}
                                        </button>
                                    </div>

                                </div>
                            </form>

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

                <!-- Update room -->
                <div class="modal fade" id="edit_room_modal{{ $item->id }}" tabindex="-1" role="dialog"
                    aria-labelledby="exampleModalLabel" aria-hidden="true">
                    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">


                        <form method="POST" action="{{ route('sett.update_unit_offer_room', $item->id) }}"
                            enctype="multipart/form-data" style="display: contents">
                            {{ method_field('PUT') }}
                            @csrf

                            <div class="modal-content b-r-s-cont border-0">
                                <div class="modal-header">
                                    <h5 class="modal-title" id="exampleModalLabel"><i
                                            class="fas fa-dollar-sign me-1"></i>
                                        {{ __('basic.new room') }}</h5>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal"
                                        aria-label="Close"></button>
                                </div>

                                <!-- Modal content -->
                                <div class="modal-body px-5 py-3">

                                    <div class="row mb-2">

                                        <div class="col-12 align-self-center mb-2">
                                            <div class="avatar-update-container">
                                                <div class="picture">
                                                    <img src="{{ URL::asset('img/unit/rooms/' . $item->img) }}"
                                                        class="picture-src" id="mib_PicturePreview" title="" />
                                                    <input type="file" name='room_img' accept="image/*"
                                                        id="mib_img_input">
                                                </div>
                                                <h6 class="text-gray-300">{{ __('basic.choose img') }}</h6>

                                                @error('room_img')
                                                <span class="error-msg-form">
                                                    {{ $message }}
                                                </span>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="col-12 mb-2">
                                            <label class="form-label">{{ __('basic.room type') }}
                                                <small>({{ __('basic.required') }})</small></label>
                                            <select
                                                class="js-example-basic-single select2-hidden-accessible @error('room_cat_id') is-invalid @enderror"
                                                name="room_cat_price" required>
                                                @foreach ($room_types as $item_type)
                                                <option @if($item->room_cat_id == $item_type->id) selected @endif
                                                    value="{{
                                                    $item_type->id }}">
                                                    {{ $item_type->name }}
                                                </option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="col-12 mb-2">
                                            <label class="form-label">{{ __('basic.extra info') }}
                                                <small>({{ __('basic.required') }})</small></label>
                                            <input id="info_price" name="info_price" type="text"
                                                class="form-control @error('info_price') is-invalid @enderror"
                                                placeholder="Price Name .." value="{{ $item->info }}" required>
                                        </div>

                                        <div class="col-12 mb-2">
                                            <label class="form-label">{{ __('basic.room view') }}
                                                <small>({{ __('basic.required') }})</small></label>
                                            <select
                                                class="js-example-basic-single select2-hidden-accessible @error('room_view_cat_id') is-invalid @enderror"
                                                name="room_view_cat_price" required>
                                                @foreach ($room_views as $item_view)
                                                <option @if($item->room_view_cat_id == $item_view->id) selected @endif
                                                    value="{{ $item_view->id }}">
                                                    {{ $item_view->name }}
                                                </option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="col-12 mb-2">
                                            <label class="form-label">{{ __('basic.meal') }}
                                                <small>({{ __('basic.required') }})</small></label>
                                            <select
                                                class="js-example-basic-single select2-hidden-accessible @error('meal_cat_id') is-invalid @enderror"
                                                name="meal_cat_price" required>
                                                @foreach ($meals as $item_meal)
                                                <option @if($item->meal_cat_id == $item_meal->id) selected @endif
                                                    value="{{
                                                    $item_meal->id }}">
                                                    {{ $item_meal->name }}
                                                </option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="col-12 mb-2">
                                            <label class="form-label">{{ __('basic.room capacity') }}
                                                <small>({{ __('basic.required') }})</small></label>
                                            <input id="capacity_price" name="capacity_price" type="number"
                                                class="form-control @error('capacity_price') is-invalid @enderror"
                                                placeholder="Room Capacity .." value="{{ $item->capacity }}" required>
                                        </div>

                                        <div class="col-12 mb-2">
                                            <label class="form-label">{{ __('basic.room taken') }}
                                                <small>(optional)</small></label>
                                            <input id="room_taken" name="room_taken" type="number"
                                                class="form-control @error('room_taken') is-invalid @enderror"
                                                value="{{ $item->room_taken }}" placeholder="Room Taken ..">
                                        </div>

                                    </div>

                                </div>

                                <div class="modal-footer">
                                    <div class="left-side">
                                        <button type="button" class="btn btn-default btn-link"
                                            data-bs-dismiss="modal">{{
                                            __('basic.never mind') }}</button>
                                    </div>
                                    <div class="divider"></div>
                                    <div class="right-side">
                                        <button type="submit" class="btn btn-default btn-link main-color">{{
                                            __('basic.add new') }}</button>
                                    </div>
                                </div>


                            </div>
                        </form>


                    </div>

                </div>

                @endforeach
            </div>

            <div class="my-3 text-end">
                <div data-bs-toggle="modal" data-bs-target="#new_price_modal"
                    class="btn btn-user not_accepted-color-btn rounded-pill"><i class="fas fa-plus"></i> {{
                    __('basic.new room') }}
                </div>
            </div>

        </div>

    </div>

</div>


<!-- add a new room  -->


<div class="modal fade" id="new_price_modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">

        <form method="post" action="{{ route('sett.create_unit_offer_room') }}" enctype="multipart/form-data"
            style="display: contents">
            @csrf

            <div class="modal-content b-r-s-cont border-0">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel"><i class="fas fa-dollar-sign me-1"></i>
                        {{ __('basic.new room') }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>

                <!-- Modal content -->
                <div class="modal-body px-5 py-3">

                    <div class="row mb-2">

                        <div class="col-12 align-self-center mb-2">
                            <div class="avatar-update-container">
                                <div class="picture">
                                    <img src="{{ URL::asset('img/dashboard/avatars/default-file.png') }}"
                                        class="picture-src" id="mib_PicturePreview" title="" />
                                    <input type="file" name='room_img' accept="image/*" id="mib_img_input">
                                </div>
                                <h6 class="text-gray-300">Choose Room Image</h6>

                                @error('room_img')
                                <span class="error-msg-form">
                                    {{ $message }}
                                </span>
                                @enderror
                            </div>
                        </div>

                        <div class="col-12 mb-2">
                            <label class="form-label">Room Type
                                <small>(required)</small></label>
                            <select
                                class="js-example-basic-single select2-hidden-accessible @error('room_cat_id') is-invalid @enderror"
                                name="room_cat_price" id="room_cat_id" required>
                                @foreach ($room_types as $item)
                                <option value="{{ $item->id }}">
                                    {{ $item->name }}
                                </option>
                                @endforeach
                            </select>
                        </div>

                        <div class="col-12 mb-2">
                            <label class="form-label">Extra Info
                                <small>(required)</small></label>
                            <input id="info_price" name="info_price" type="text"
                                class="form-control @error('info_price') is-invalid @enderror"
                                placeholder="Price Name .." required>
                        </div>

                        <div class="col-12 mb-2">
                            <label class="form-label">Room View
                                <small>(required)</small></label>
                            <select
                                class="js-example-basic-single select2-hidden-accessible @error('room_view_cat_id') is-invalid @enderror"
                                name="room_view_cat_price" id="room_view_cat_id" required>
                                @foreach ($room_views as $item)
                                <option @if($item->id == 2) selected @endif value="{{ $item->id }}">
                                    {{ $item->name }}
                                </option>
                                @endforeach
                            </select>
                        </div>

                        <div class="col-12 mb-2">
                            <label class="form-label">Meal
                                <small>(required)</small></label>
                            <select
                                class="js-example-basic-single select2-hidden-accessible @error('meal_cat_id') is-invalid @enderror"
                                name="meal_cat_price" id="meal_cat_id" required>
                                @foreach ($meals as $item)
                                <option value="{{ $item->id }}">
                                    {{ $item->name }}
                                </option>
                                @endforeach
                            </select>
                        </div>

                        <div class="col-12 mb-2">
                            <label class="form-label">Room Capacity
                                <small>(required)</small></label>
                            <input name="capacity_price" type="number"
                                class="form-control @error('capacity_price') is-invalid @enderror"
                                placeholder="Room Capacity .." required>
                        </div>

                        <div class="col-12 mb-2">
                            <label class="form-label">Room Taken
                                <small>(optional)</small></label>
                            <input id="room_taken" name="room_taken" type="number"
                                class="form-control @error('room_taken') is-invalid @enderror"
                                placeholder="Room Taken ..">
                        </div>

                    </div>

                </div>

                <div class="modal-footer">
                    <div class="left-side">
                        <button type="button" class="btn btn-default btn-link" data-bs-dismiss="modal">{{
                            __('basic.never mind') }}</button>
                    </div>
                    <div class="divider"></div>
                    <div class="right-side">
                        <input type="hidden" name="unit_offer_id" value="{{ $offer->id }}">

                        <button id="add_price" class="btn btn-default btn-link main-color">Add
                            New</button>
                    </div>
                </div>
            </div>

        </form>
    </div>

</div>


{{-- Price List --}}

<!-- add a new room price -->
<div class="modal fade" id="new_room_price_modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">

        <form method="post" action="{{ route('sett.create_unit_offer_room_price') }}" enctype="multipart/form-data"
            style="display: contents">
            @csrf

            <div class="modal-content b-r-s-cont border-0">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel"><i class="fas fa-dollar-sign me-1"></i>
                        {{ __('basic.new room price') }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>

                <!-- Modal content -->
                <div class="modal-body px-5 py-3">

                    <div class="row mb-2">

                        <div class="col-12 mb-2">
                            <label class="form-label">{{ __('basic.from') }}
                                <small>({{ __('basic.required') }})</small></label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <div class="input-group-text"><i class="bi bi-calendar2-week-fill"></i>
                                    </div>
                                </div>
                                <input name="from_price" id="from_price" type="text"
                                    class="form-control hasdatetimepicker" placeholder="YYYY-MM-DD" required>
                            </div>
                        </div>

                        <div class="col-12 mb-2">
                            <label class="form-label">{{ __('basic.to') }}
                                <small>({{ __('basic.required') }})</small></label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <div class="input-group-text"><i class="bi bi-calendar2-week-fill"></i>
                                    </div>
                                </div>
                                <input name="to_price" id="to_price" type="text" class="form-control hasdatetimepicker"
                                    placeholder="YYYY-MM-DD" required>
                            </div>
                        </div>

                        <div class="col-12 mb-2">
                            <label class="form-label">{{ __('basic.market') }}
                                <small>({{ __('basic.required') }})</small></label>
                            <select
                                class="js-example-basic-single select2-hidden-accessible @error('market') is-invalid @enderror"
                                name="market_price[]" id="market_price_new" required multiple>
                                @foreach ($markets as $item)
                                <option value="{{ $item->id }}">
                                    {{ $item->name }}
                                </option>
                                @endforeach
                            </select>

                            <span id="market_error" class="error-msg-form"></span>

                            @error('market')
                            <span class="error-msg-form">
                                {{ $message }}
                            </span>
                            @enderror
                        </div>

                        <div class="col-12 mb-2">
                            <label class="form-label">{{ __('basic.buy') }}
                                <small>({{ __('basic.required') }})</small></label>
                            <input name="buy_price" type="number"
                                class="form-control @error('buy_price') is-invalid @enderror"
                                placeholder="Buy Price Name .." required>
                        </div>

                        <div class="col-12 mb-2">
                            <label class="form-label">{{ __('basic.sell') }}
                                <small>({{ __('basic.required') }})</small></label>
                            <input name="sell_price" type="number"
                                class="form-control @error('sell_price') is-invalid @enderror"
                                placeholder="Sell Price Name .." required>
                        </div>

                        <div class="cont_exception">
                        </div>
                        <div class="my-3 text-end">
                            <div class="new_exception btn btn-user not_accepted-color-btn rounded-pill"><i
                                    class="fas fa-plus"></i> {{ __('basic.new exception') }}
                            </div>
                        </div>

                    </div>

                </div>

                <div class="modal-footer">
                    <div class="left-side">
                        <button type="button" class="btn btn-default btn-link" data-bs-dismiss="modal">{{
                            __('basic.never mind') }}</button>
                    </div>
                    <div class="divider"></div>
                    <div class="right-side">
                        <input type="hidden" name="unit_offer_room_id">

                        <button id="add_price" class="btn btn-default btn-link main-color">{{ __('basic.add new')
                            }}</button>
                    </div>
                </div>
            </div>

        </form>
    </div>

</div>


<!-- Update room -->
<div class="modal fade" id="edit_price_modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">


        <form method="POST" action="{{ route('sett.update_unit_offer_room', $item->id) }}" enctype="multipart/form-data"
            style="display: contents">
            {{ method_field('PUT') }}
            @csrf

            <div class="modal-content b-r-s-cont border-0">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel"><i class="fas fa-dollar-sign me-1"></i>
                        {{ __('basic.price') }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>

                <!-- Modal content -->
                <div class="modal-body px-5 py-3">


                    <div class="row mb-2">

                        <div class="col-12 mb-2">
                            <label class="form-label">From
                                <small>(required)</small></label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <div class="input-group-text"><i class="bi bi-calendar2-week-fill"></i>
                                    </div>
                                </div>
                                <input name="from_price" id="from_price" type="text"
                                    class="form-control hasdatetimepicker" placeholder="YYYY-MM-DD" required>
                            </div>
                        </div>

                        <div class="col-12 mb-2">
                            <label class="form-label">To
                                <small>(required)</small></label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <div class="input-group-text"><i class="bi bi-calendar2-week-fill"></i>
                                    </div>
                                </div>
                                <input name="to_price" id="to_price" type="text" class="form-control hasdatetimepicker"
                                    placeholder="YYYY-MM-DD" required>
                            </div>
                        </div>

                        <div class="col-12 mb-2">
                            <label class="form-label">{{ __('basic.market') }}
                                <small>({{ __('basic.required') }})</small></label>
                            <select
                                class="js-example-basic-single select2-hidden-accessible @error('market') is-invalid @enderror"
                                name="market_price[]" id="market_price" required multiple>
                                @foreach ($markets as $item)
                                <option value="{{ $item->id }}">
                                    {{ $item->name }}
                                </option>
                                @endforeach
                            </select>

                            <span id="market_error" class="error-msg-form"></span>

                            @error('market')
                            <span class="error-msg-form">
                                {{ $message }}
                            </span>
                            @enderror
                        </div>

                        <div class="col-12 mb-2">
                            <label class="form-label">Buy Price
                                <small>(required)</small></label>
                            <input name="buy_price" type="number"
                                class="form-control @error('buy_price') is-invalid @enderror"
                                placeholder="Buy Price Name .." required>
                        </div>

                        <div class="col-12 mb-2">
                            <label class="form-label">Sell Price
                                <small>(required)</small></label>
                            <input name="sell_price" type="number"
                                class="form-control @error('sell_price') is-invalid @enderror"
                                placeholder="Sell Price Name .." required>
                        </div>

                        <div class="cont_exception">
                        </div>
                        <div class="my-3 text-end">
                            <div class="new_exception btn btn-user not_accepted-color-btn rounded-pill"><i
                                    class="fas fa-plus"></i> New
                                Exception
                            </div>
                        </div>

                    </div>


                </div>

                <div class="modal-footer">
                    <div class="left-side">
                        <button type="button" class="btn btn-default btn-link" data-bs-dismiss="modal">{{
                            __('basic.never mind') }}</button>
                    </div>
                    <div class="divider"></div>
                    <div class="right-side">
                        <button type="submit" class="btn btn-default btn-link main-color">Add
                            New</button>
                    </div>
                </div>


            </div>
        </form>


    </div>

</div>

<!-- delete price -->
<div class="modal fade" id="delete_price_modal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable ">
        <div class="modal-content b-r-s-cont border-0">

            <div class="modal-header">
                <div class="modal-title" id="exampleModalLabel"><i class="fas fa-trash me-1"></i>
                    {{ __('basic.delete price') }}</div>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>

            <form action="{{ route('sett.delete_unit_offer_room_price', $item->id) }}" method="post">
                {{ method_field('delete') }}
                {{ csrf_field() }}

                <!-- Modal content -->
                <div class="modal-body px-4">

                    <div class="modal-body delete-conf-input text-center py-0">
                        <p class="mb-0">{{ __('basic.delete message') }}</p><br>
                    </div>
                </div>

                <div class="modal-footer">
                    <div class="left-side">
                        <button type="button" class="btn btn-default btn-link" data-bs-dismiss="modal">{{
                            __('basic.never mind') }} </button>
                    </div>
                    <div class="divider"></div>
                    <div class="right-side">
                        <input type="hidden" name="unit_offer_room_price_delete_id">
                        <button type="submit" class="btn btn-default btn-link text-red">{{ __('basic.delete') }}
                        </button>
                    </div>

                </div>
            </form>

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

@endsection

<!-- js insert -->
@section('js')
<!-- jquery ui datepicker -->
<script type="text/javascript"
    src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script>
<script>
    $(function() {
            $('.hasdatetimepicker').datepicker({
                todayHighlight: true,
                format: "yyyy-mm-dd",
            }).on('change', function(){
                $('.datepicker').hide();
            });
        });
</script>

<script>
    $(document).ready(function() {

        $(document).on("click", ".new_exception", function() {

            var cont_excep_qty = $(this).parent().parent().find('.cont_exception').children().length;

            var day_exc_count = 'day_exc' + cont_excep_qty + "[]"

            $(this).parent().parent().find('.cont_exception').append(
                '<div class="row">' +
                '<hr class="mt-3">' +
                '<div class="d-flex justify-content-between"><h5 class="col-12 mb-2">Exceptions</h5><i class="fas fa-times text-red-200 clickable-item-pointer delete_exception align-self-center"></i></div>'+
                '<div class="col-12 mb-2">' +
                    '<label class="form-label">Weekly <small>(required)</small></label>' +

                    '<select class="js-example-basic-single select2-hidden-accessible weekend_exception" multiple name="' + day_exc_count + '">' +
                            '<option value="saturday">Saturday</option>' +
                            '<option value="sunday">Sunday</option>' +
                            '<option value="monday">Monday</option>' +
                            '<option value="tuesday">tuesday</option>' +
                            '<option value="wendnsday">Wendnsday</option>' +
                            '<option value="thursday">Thursday</option>' +
                            '<option value="friday">Friday</option>' +
                    '</select>' +

                '</div>' +
                        '<div class="col-12 mb-2">' +
                                '<label class="form-label">Fixed <small>(required)</small></label>' +
                                '<div class="input-group">' +
                                '<div class="input-group-prepend">' +
                                        '<div class="input-group-text"><i class="bi bi-calendar2-week-fill"></i></div>' +
                                    '</div>' +
                                    '<input name="date_exc[]" id="date_exc" type="text" class="date_exc form-control hasdatetimepicker" placeholder="YYYY-MM-DD">' +
                                '</div>' +
                        '</div>' +

                        '<div class="col-12 mb-2">' +
                                '<label class="form-label">Buy <small>(required)</small></label>' +
                                '<input id="buy_price_exc" name="buy_price_exc[]" type="number" class="buy_price_exc form-control" placeholder="Buy Price .." required>' +
                        '</div>' +


                        '<div class="col-12 mb-2">' +
                            '<label class="form-label">Sell <small>(required)</small></label>' +
                            '<input id="sell_price_exc" name="sell_price_exc[]" type="number" class="sell_price_exc form-control" placeholder="Sell Price .." required>' +
                        '</div>' +

                '</div>'
                );

            $('.js-example-basic-single').select2();
            $('.hasdatetimepicker').datepicker({
                todayHighlight: true,
                format: "yyyy-mm-dd",
                autoclose: true,
            })
        });

        $(document).on("click", ".delete_exception", function() {
        $(this).parent().parent().remove();
        });

        $(document).on("click", "#add_price", function() {
            $('.js-example-basic-single').select2('destroy');
            $('.price_copy:first').clone().insertAfter(".price_copy:last")

            $('.price_copy:last').children('.delete_place').html(
                '<i class="fas fa-times text-red-200 clickable-item-pointer price_cost"></i>');

            $('.js-example-basic-single').select2();

        });

        $(document).on("click", ".price_cost", function() {
            $(this).parent().parent().remove();
        });



        //add new room price
        $(document).on("click", ".new_room_price_btn, #add_price_modal", function() {
            var id = $(this).data('id');

            $('.modal').modal('hide');

            $('input[name="unit_offer_room_id"]').val(id)

            $('#new_room_price_modal').modal('show');

        });


        //delete price in list
        $(document).on("click", ".delete_price_modal", function() {
            var id = $(this).data('id');


            $('input[name="unit_offer_room_price_delete_id"]').val(id)

            $(".modal").modal('hide');
            $("#delete_price_modal").modal('show');

        });


        $(document).on("click", ".edit_price_modal", function() {
            var id = $(this).data('id');
            var market = $(this).data('market');
            var market = market.split(",");

            console.log(market);
            var edit_price_modal_name = "#edit_price_modal" + id;

            $('#market_price option').each(function(i,e){
                if( jQuery.inArray($(this).val(), market) !== -1){
                    $(this).prop('selected',true)
                }
            });

            $('.js-example-basic-single').select2();

            $('input[name="unit_offer_room_price_delete_id"]').val(id)

            $("#edit_price_modal").modal('show');

        });


        // //delete price in list
        // $(document).on("click", ".edit_price_modal", function() {
        //     var id = $(this).data('id');
        //     var market = $(this).data('market');
        //     var market = market.split(",");

        //     console.log(market);
        //     var edit_price_modal_name = "#edit_price_modal" + id;

        //     $('#market_price option').each(function(i,e){
        //         if( jQuery.inArray($(this).val(), market) !== -1){
        //             $(this).prop('selected',true)
        //         }
        //     });

        //     $('.js-example-basic-single').select2();

        //     $('input[name="unit_offer_room_price_delete_id"]').val(id)

        //     $("#edit_price_modal").modal('show');

        // });

    });
</script>
<script src="https://fastly.jsdelivr.net/npm/summernote@0.8.20/dist/summernote-lite.min.js"></script>
<script>
    $('.description').summernote({
            placeholder: 'Enter Description',
            tabsize: 2,
            height: 100,
            toolbar: [
                ['style', ['style']],
                ['font', ['bold', 'underline', 'clear']],
                ['color', ['color']],
                ['para', ['ul', 'ol', 'paragraph']],
                ['insert', ['link']],
                ['view', ['fullscreen', 'codeview', 'help']]
            ]
        });
</script>

<!-- select 2 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.1.0-rc.0/js/select2.min.js"
    integrity="sha512-4MvcHwcbqXKUHB6Lx3Zb5CEAVoE9u84qN+ZSMM6s7z8IeJriExrV3ND5zRze9mxNlABJ6k864P/Vl8m0Sd3DtQ=="
    crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script>
    $(document).ready(function() {
            $('.js-example-basic-single').select2();
            //hide search
            $('.select2-no-search').select2({
                minimumResultsForSearch: -1
            });
        });
</script>

<!-- validate jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.5/jquery.validate.min.js"
    integrity="sha512-rstIgDs0xPgmG6RX1Aba4KV5cWJbAMcvRCVmglpam9SoHZiUCyQVDdH2LPlxoHtrv17XWblE/V/PP+Tr04hbtA=="
    crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script>
    //Rules for the Validator plugin
        var $validator = $('#myform').validate({
            rules: {
                name: {
                    minlength: 3,
                },
                address: {
                    minlength: 3,
                },
            },
            messages: {
                email: {
                    required: "We need your email address to contact you",
                    email: "Your email address must be in the format of name@domain.com"
                },
                password_confirmation: {
                    equalTo: "Password does not match",
                }
            },
            //for inserting erros for some inputs that makes posation problem such as selector 2 and bt datapicker
            errorPlacement: function(error, element) {
                switch (element.attr("name")) {
                    case 'role':
                        error.insertAfter($("#role-js-error-valid"));
                        break;
                    case 'gendar':
                        error.insertAfter($("#gendar-js-error-valid"));
                        break;
                    default:
                        error.insertAfter(element);
                }

            },
        });



        $(document).on("click", ".edit_list_price_modal", function() {
            var show_modal = "#" + $(this).data('modal_show_id');
            var update_modal = "#" + $(this).data('modal_update_id');

            console.log(show_modal);
            $(show_modal).modal('show');
            $(update_modal).modal('show');

        });



</script>

@endsection