@extends('layouts/layoutMaster')

@section('title', 'eCommerce Product Add - Apps')

@section('vendor-style')
@vite([
'resources/assets/vendor/libs/quill/typography.scss',
'resources/assets/vendor/libs/quill/katex.scss',
'resources/assets/vendor/libs/quill/editor.scss',
'resources/assets/vendor/libs/select2/select2.scss',
'resources/assets/vendor/libs/dropzone/dropzone.scss',
'resources/assets/vendor/libs/flatpickr/flatpickr.scss',
'resources/assets/vendor/libs/tagify/tagify.scss',
'resources/assets/vendor/libs/bs-stepper/bs-stepper.scss'
])
@endsection

@section('vendor-script')
@vite([
'resources/assets/vendor/libs/select2/select2.js',
'resources/assets/vendor/libs/tagify/tagify.js',
'resources/assets/vendor/libs/dropzone/dropzone.js',
'resources/assets/vendor/libs/jquery-repeater/jquery-repeater.js',
'resources/assets/vendor/libs/flatpickr/flatpickr.js'
])
@endsection

@section('page-script')
@vite([
'resources/assets/js/hybrid-package-plan.js'
])
@endsection

@section('content')
<div class="app-ecommerce">

    <!-- Add Product -->
    <div class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center mb-6 row-gap-4">

        <div class="d-flex flex-column justify-content-center">
            <h4 class="mb-1">Add Hybrid Package</h4>
            <p class="mb-0">Fill in the details below to add a new transfer</p>
        </div>
    </div>

    @php
    $planTypes = ['Daywise' => 'Day Wise', 'Common' => 'Common'];
    $days = range(1, 10);
    $uniqueInclusions = [
    'Flight', 'Hotel', 'Meals', 'Guidance', 'Transfers',
    "5 Nights hotel accommodation (3 nights in Paris, 2 nights near Disneyland)",
    "Daily buffet breakfast",
    "Eiffel Tower entry ticket",
    "Disneyland 2-day pass",
    "Airport and intercity transfers",
    "Travel insurance",        
    "5 Nights accommodation in 4-star hotels",
    "Swiss Rail pass for intercity travel",
    "Daily breakfast and welcome dinner",
    "Excursion to Jungfraujoch – Top of Europe",
    "Lucerne city tour with English-speaking guide",
    "All applicable taxes and service charges",        
    "3 Nights hotel accommodation (2 in Baku, 1 in Gabala)",
    "Breakfast at the hotel",
    "Baku Old City guided tour",
    "Gabala cable car experience",
    "Private airport and intercity transfers",
    "All sightseeing entrance fees",        
    "6 Nights in 4-star hotels across Italy and Switzerland",
    "Daily breakfast",
    "Rome, Florence, Venice, Lucerne guided tours",
    "Gondola ride in Venice",
    "Travel by high-speed train between cities",
    "All taxes and travel insurance",        
    "3 Nights hotel stay in Yerevan",
    "Daily breakfast",
    "City tour of Yerevan",
    "Day trip to Lake Sevan and Dilijan",
    "Private transfers and entrance fees",
    "Local English-speaking guide",
    "4-Star Beachfront Resort", "Daily Breakfast & Dinner", "Airport Transfers", "Snorkeling Tour"
    ];
    $inclusionsList = array_unique($uniqueInclusions);
    $uniqueExclusions = ['Personal Expenses', 'Tips', 'Insurance', 'Laundry',    
    "Personal expenses such as tips and laundry",
    "Any visa or entry fees",
    "Lunches and dinners not mentioned",
    "Optional activities",        
    "International airfare",
    "Meals not mentioned",
    "Travel insurance",
    "Entry fees for optional activities",        
    "Lunches and dinners",
    "Personal expenses and tips",
    "Optional excursions",
    "International flights",        
    "Visa charges",
    "Meals not mentioned",
    "Personal shopping",
    "Optional tours or experiences",        
    "International airfare",
    "Lunches and dinners",
    "Personal expenses",
    "Tips and gratuities",
    "International Flights", "Travel Insurance", "Personal Expenses",
    "Visa fees", "Travel insurance", "Personal expenses", "Optional tours" 
    ];
    $exclusionsList = array_unique($uniqueExclusions);
    @endphp

    <div class="row">
        <!-- First column-->
        <div class="col-12 col-lg-12">
            @include('content.hybrid.package.alerts')
            @include('content.hybrid.package.stepper', ['currentStep' => 3,'packageId'=>$package->id])

            <form action="{{ route('hybrid-package-plan-store',$package->id) }}" method="POST" class="needs-validation" novalidate enctype="multipart/form-data">
                @csrf
                <input type="hidden" value="{{$package->id}}" name="package_id">
                <div class="card mb-6">
                    <div class="card-header">
                        <h5 class="card-title mb-0">Plan Details</h5>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="mb-6 col-6">
                                <label class="form-label" for="plan_display_type">Plan Display Type *</label>
                                <select id="plan_display_type" name="plan_display_type" class="select2 form-select" required>
                                    <option value="">Select Display Type</option>
                                    @foreach ($planTypes as $value => $label)
                                    <option value="{{ $value }}" {{ ($package->plan_display_type ?? '') == $value ? 'selected' : '' }}>{{ $label }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="mb-6 col-6">
                                <label class="form-label" for="no_of_days">No. of Days *</label>
                                <select id="no_of_days" name="no_of_days" class="select2 form-select" required>
                                    <option value="0">Select Days</option>
                                    @foreach ($days as $day)
                                    <option value="{{ $day }}" {{ ($package->no_of_days ?? 0) == $day ? 'selected' : '' }}>{{ $day }} {{ $day > 1 ? 'Days' : 'Day' }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="row">
                            <div class="mb-6 col-6">
                                <label class="form-label" for="inclusions">Inclusions</label>
                                <select id="inclusions" name="inclusions[]" class="select2 form-select" multiple>
                                    @foreach ($inclusionsList as $inclusion)
                                    <option value="{{ $inclusion }}" {{ in_array($inclusion, $inclusions ?? []) ? 'selected' : '' }}>{{ $inclusion }}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="mb-6 col-6">
                                <label class="form-label" for="exclusions">Exclusions</label>
                                <select id="exclusions" name="exclusions[]" class="select2 form-select" multiple>
                                    @foreach ($exclusionsList as $exclusion)
                                    <option value="{{ $exclusion }}" {{ in_array($exclusion, $exclusions ?? []) ? 'selected' : '' }}>{{ $exclusion }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="mb-6">
                            <label class="form-label" for="plan_description">Common Plan Description</label>
                            <textarea id="plan_description" name="plan_description" class="form-control" rows="4">{{ $package->common_plan_description ?? '' }}</textarea>
                        </div>
                    </div>
                </div>
                <div id="days-container"></div>
                <div class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center mb-6 row-gap-4">
                    <div class="d-flex flex-column justify-content-center"></div>
                    <div class="d-flex align-content-center flex-wrap gap-4">      
                        <button type="submit" class="btn btn-primary waves-effect waves-light">Submit Plan</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<script>
    var cities = @json($cities);
            var carriers = @json($carriers);
            var existingPackagePlan = @json($package);
            var hotelInventory = @json($hotelInventory);
            var transferInventory = @json($transferInventory);
            var activityInventory = @json($activityInventory);
            var addonsInventory = @json($addonsInventory);
</script>
@endsection