@php
@endphp
@extends('layout.dashboard')
@section('title', $page_title)
@section('content')
@section('page_buttonheader')
    @include('sub.lib.buttonsubmit')
    @include('sub.lib.buttonclose')
@endsection
@section('page_breadcrumbs')
    <span class="kt-subheader__breadcrumbs-separator"></span>
    <a href="#" class="kt-subheader__breadcrumbs-link">
        Packages
    </a>
    <span class="kt-subheader__breadcrumbs-separator"></span>
    <a href="{{ route(\App\Libraries\Constants::ROUTE_NAME_PACKAGE_PAGE) }}" class="kt-subheader__breadcrumbs-link">
        All Packages
    </a>
    <span class="kt-subheader__breadcrumbs-separator"></span>
    <a href="#" class="kt-subheader__breadcrumbs-link">
        View Package
    </a>
    <span class="kt-subheader__breadcrumbs-separator"></span>
    <a href="#" class="kt-subheader__breadcrumbs-link">
        Add Itinerary
    </a>
@endsection

<form class="kt-form kt-form--label-right" id="form_packagedetail" name="form_packagedetail">
    <div class="kt-portlet borders-color">
        @include('sub.packagedetail_entry.form')
    </div>
    <div id="form_itinpackageday">

    </div>
    <div id="form_itinpackagetnc">
        <div class="kt-portlet borders-color carddetail_itinerarysubdtlfilter" style="padding: 0rem" id="form_itinpackagetnc">
            <div style="display: flex; flex-direction: row; justify-content: space-between; background-color: #E6F1F8; padding: 1rem">
                <div style="font-size: 1.5rem; color: #0170BC" class="form-grts-label">
                Terms & Conditions
                </div>
            </div>
            <div class="row">
                <div class="col-8 pr-0">
                    <div class="col-md-12 form-group">
                        <label class="col-form-label form-grts-label" style="font-size: 20px">Included
                        </label>
                        <textarea class="form-control" id="packageitinerary_tncincluded" name='packageitinerary_tncincluded' rows='2'></textarea>
                    </div>
                </div>
                <div class="form-group mb-0 col-4 mt-5 pl-0 mr-0">
                    <label class="col-form-label form-grts-label">Terms and Conditions Image</label>
                    <div class="d-flex align-items-center justify-content-start gap-2">
                        <div class="custom-file col-8">
                            <input type="file" class="custom-file-input packageitinerary_picture_browse"
                                id="packageitinerary_picture_browse" data-edit="0" accept="image/*">
                            <label class="custom-file-label packageitinerary_picture_label" for="packageitinerary_picture_browse"
                                id="packageitinerary_picture_label" name="packageitinerary_picture_label" style="text-align: left !important"></label>
                        </div>
                        <div class="ml-2">
                            <button type="button" class="btn btnclearfileimage" id="btnclearfileimage" title="Clear Image">
                                <i class='flaticon2-delete' style='color:#D93e4b;'></i>
                            </button>
                        </div>
                    </div>
                    <img class="pr-3 img-responsive" style="width: 100%; max-height: 350px; height: auto; margin-top: 2%;" id='packageitinerary_image' name='packageitinerary_image'>
                </div>
            </div>
            <div class="row">
                <div class="col-8">
                    <div class="col-md-12 form-group">
                        <label class="col-form-label form-grts-label" style="font-size: 20px">Excluded
                        </label>
                        <textarea class="form-control" id="packageitinerary_tncexcluded" name='packageitinerary_tncexcluded' rows='2'></textarea>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-8">
                    <div class="col-md-12 form-group ">
                        <div class="d-flex justify-content-between align-items-center">
                            <label class="col-form-label form-grts-label" style="font-size: 20px">Terms & Conditions
                                <span class="kt-font-danger kt-font-bold"> *</span>
                            </label>
                            <div class="d-flex align-items-center col-4 mb-2 pr-0">
                                <label class="col-form-label form-grts-label mr-2" style="white-space: nowrap">Template</label>
                                <select class="form-control input-sm select2-single" id="cbo_packageitinerary_tnc" name="cbo_packageitinerary_tnc"></select>
                            </div>
                        </div>
                        <textarea class="form-control" id="packageitinerary_tnc" name='packageitinerary_tnc' rows='2'></textarea>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-8">
                    <div class="col-md-12 form-group">
                        <label class="col-form-label form-grts-label" style="font-size: 20px">Notes
                        </label>
                        <textarea class="form-control" id="packageitinerary_tncnotes" name='packageitinerary_tncnotes' rows='2'></textarea>
                    </div>
                </div>
            </div>
        </div>
    </div>
</form>
@include('sub.packagedetail_entry.sticky')
@include('sub.itinerary_entry.modalcreatedeparture')
@include('sub.itinerary_entry.modalsearchtour.modalsearchtour')
@include('sub.itinerary_entry.modaladddeparturedates.modaladddates')
<script>
    const _DATA_ID = `{{ $id }}`;
    const _ALERT_MESSAGE = `{{ $alertmessage }}`;
    const _PATH_FILE = `{{ \App\Libraries\Constants::PATH_FILE_PICTURE_REFERENCE }}`;
    const _CREATE_FLAG = `{{ $createFlag }}`;
    const _PATH_FILE_ATTACHMENT = `{{ \App\Libraries\Constants::PATH_FILE_PACKAGE_DETAIL_ATTACHMENT }}`;
</script>
@endsection

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