@php
@endphp
@extends('layout.dashboard')
@section('title', $page_title)
@section('content')
    @section('page_buttonheader')
        @include('sub.lib.buttonconfirm', ['setup' => 'hidden'])
        @include('sub.lib.buttonunconfirm', ['setup' => 'hidden'])
        <button type="button" class="btn btnssi-preview" id="btnproforma" data-text-loading="Loading..." data-text-normal="<i class='fa fa-eye'></i>Proforma">
            <i class="fa fa-eye"></i>Proforma
        </button>
        @include('sub.lib.buttonvoid')
        @include('sub.lib.buttonissued')
        @include('sub.lib.buttonissued', ['setup' => 'hidden', 'objectid' => 'btnreissued', 'buttontitle' => 'Re-Issued'])
        @include('sub.lib.buttonsubmit')
        @include('sub.lib.buttonclose')
    @endsection
    @section('page_breadcrumbs')
        <span class="kt-subheader__breadcrumbs-separator"></span>
        <a href="{{route(\App\Libraries\Constants::ROUTE_NAME_PREBOOKING_PAGE)}}" class="kt-subheader__breadcrumbs-link">
            Pre-Booking
        </a>
        <span class="kt-subheader__breadcrumbs-separator"></span>
        <a href="#" class="kt-subheader__breadcrumbs-link">
            Edit
        </a>
    @endsection
    <form class="kt-form kt-form--label-right" id="form_prebooking"  name="form_prebooking">
        <div class="form-group" id="div_summary_prebooking">
            <div class="kt-portlet borders-color">
                @include('sub.prebooking_edit.summary')
            </div>
        </div>
        <div class="form-group" id="div_traveller_prebooking">
            <div class="kt-portlet borders-color">
                @include('sub.prebooking_edit.traveller')
            </div>
        </div>
        <div class="form-group" id="div_tour_prebooking">
            <div class="kt-portlet borders-color">
                @include('sub.prebooking_edit.tour')
            </div>
        </div>
        <div class="form-group" id="div_payment_prebooking">
            <div class="kt-portlet borders-color">
                @include('sub.prebooking_edit.payment')
            </div>
        </div>
        <div class="form-group" id="div_instalment_prebooking" style="display: none;">
            <div class="kt-portlet borders-color">
                @include('sub.prebooking_edit.instalment')
            </div>
        </div>
        <div class="form-group" id="div_paymentlist_prebooking">
            <div class="kt-portlet borders-color">
                @include('sub.prebooking_edit.paymentlist')
            </div>
        </div>
        <div class="form-group" id="div_history_prebooking">
            <div class="kt-portlet borders-color">
                @include('sub.prebooking_edit.history')
            </div>
        </div>
        @include('sub.prebooking_edit.sticky')
    </form>
    @include('sub.prebooking_edit.modal_edit_traveller.master')
    @include('sub.lib.modalsearchcustomer')
    @include('sub.lib.modalsearchtourbyitin')
    @include('sub.lib.modalsearchtraveller')
    @include('sub.prebooking_edit.modal_createpayment')
    @include('sub.prebooking_edit.modal_editinstalment')
<script>
    history.scrollRestoration = "manual"
    const _DATA_ID = `{{ $id }}`;
    const _ALERT_MESSAGE = `{{ $alertmessage }}`;
</script>
@endsection

@section('path_page_css', mix('/css/prebookingedit.css'))
@section('path_page_js', mix('/js/prebookingedit.js'))