@extends('backend.layouts.app')
@section('metades')
    <meta name="description" content="Meilleur Holidays: Travel Company in Kolkata" />
    <meta name="author" content="Meilleur Holidays: Travel Company in Kolkata" />
    <meta name="keywords" content="Meilleur Holidays: Travel Company in Kolkata" />
@endsection
@section('title')
    <title>Meilleur Holidays: Travel Company in Kolkata</title>
@endsection
@section('css')
    <style>
    </style>
@endsection
@section('content')

    <div class="page-content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                        <h4 class="mb-sm-0">Create Project</h4>
                        <div class="page-title-right">
                            <ol class="breadcrumb m-0">
                                <li class="breadcrumb-item"><a href="javascript: void(0);">Projects</a></li>
                                <li class="breadcrumb-item active">Create Project</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
             <div class="alert alert-danger print-error-msg" style="display:none">
             
        <ul></ul>
        
    </div> 
    
    <!--<div class="alert alert-success print-success-msg" style="display:none">
             
    
        
    </div>-->
             <form id="leadcreate">
            <div class="row">
                <div class="col-lg-6">
                    <div class="card">
                   
                        <div class="card-body">
                            <div class="mb-3">
                                <label for="leadType" class="form-label">Lead Type</label>
                                <select class="form-select" id="leadType" name="leadType">
                                    <option value="Paid Lead">Paid Lead</option>
                                    <option value="whatsapp">WhatsApp</option>
                                    <option value="website">Website</option>
                                </select>
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="customerName">Customer Name *</label>
                                <input type="text" class="form-control" id="customerName" placeholder="Enter project title">
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="email">E-Mail *</label>
                                <input type="text" class="form-control" id="email" name="email" placeholder="Enter project title">
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="contactNumber">Contact Number *</label>
                                <input type="text" class="form-control" name="contactNumber" id="contactNumber" placeholder="Enter project title">
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="address">Address *</label>
                                <input type="text" class="form-control" id="address" name="address" placeholder="Enter Address">
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="noOfAdult">No. of Adult *</label>
                <input type="number" class="form-control" id="noOfAdult" name="noOfAdult"  oninput="validity.valid||(value='');" min="0">
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="childWithBed">Child With bed(5-12 yrs)</label>
    <input type="number" class="form-control" name="childWithBed" id="childWithBed" placeholder="Enter Child With bed"
    oninput="validity.valid||(value='');" min="0" value="0">
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="childWithNoBed">Child With No Bed(0-4 yrs)</label>
    <input type="number" class="form-control" name="childWithNoBed" id="childWithNoBed" placeholder="Enter Child With bed" oninput="validity.valid||(value='');" min="0" value="0">
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="totalChild">Total Child</label>
<input type="number" class="form-control" id="totalChild" name="totalChild" placeholder="Enter total child" oninput="validity.valid||(value='');" min="0" value="0">
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="noOfInfant">No. of Infant</label>
     <input type="number" class="form-control" id="noOfInfant" name="noOfInfant" placeholder="Enter project title" oninput="validity.valid||(value='');" min="0">
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="totalPax">Total PAX *</label>
    <input type="number" class="form-control" id="totalPax" name="totalPax" placeholder="Enter project title" oninput="validity.valid||(value='');" min="0">
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="totalTourBudget">Total Tour Budget (Approx)</label>
                                <input type="text" class="form-control" id="totalTourBudget" name="totalTourBudget" placeholder="Enter project title">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="card">
                        <div class="card-body">
                            <div class="mb-3">
                                <label for="destination" class="form-label">Destination *</label>
                                <select class="form-select" data-choices data-choices-search-false id="destination" name="destination">
                                    <option value="High" selected>High</option>
                                    <option value="Medium">Medium</option>
                                    <option value="Low">Low</option>
                                </select>
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="arrivalDate">Arrival Date *</label>
                                <input type="date" class="form-control" id="arrivalDate" name="arrivalDate">
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="departureDate">Departure Date *</label>
                                <input type="date" class="form-control" id="departureDate" name="departureDate">
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="modeOfArrival">Mode of Arrival</label>
                                <select class="form-select" data-choices data-choices-search-false id="modeOfArrival" name="modeOfArrival">
                                    <option value="High" selected>High</option>
                                    <option value="Medium">Medium</option>
                                    <option value="Low">Low</option>
                                </select>
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="flightRequired">Flight Required</label>
                                <select class="form-select" data-choices data-choices-search-false id="flightRequired" name="flightRequired">
                                    <option value="yes" selected>Yes</option>
                                    <option value="no">No</option>
                                </select>
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="categoryOfPkg">Category of Pkg</label>
                                <select class="form-select" data-choices data-choices-search-false id="categoryOfPkg" name="categoryOfPkg">
                                    <option value="High" selected>High</option>
                                    <option value="Medium">Medium</option>
                                    <option value="Low">Low</option>
                                </select>
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="hotelCategory">Hotel Category</label>
                                <select class="form-select" data-choices data-choices-search-false id="hotelCategory" name="hotelCategory">
                                    <option value="High" selected>High</option>
                                    <option value="Medium">Medium</option>
                                    <option value="Low">Low</option>
                                </select>
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="foodPlan">Food Plan</label>
                                <select class="form-select" data-choices data-choices-search-false id="foodPlan" name="foodPlan">
                                    <option value="High" selected>High</option>
                                    <option value="Medium">Medium</option>
                                    <option value="Low">Low</option>
                                </select>
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="durationOfStay">Duration Of Stay(Night Stay)</label>
                                <input type="text" class="form-control" id="durationOfStay" name="durationOfStay" placeholder="Duration Of Stay(Night Stay)">
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="additionalFacility">Additional Facility</label>
                                <input type="text" class="form-control" id="additionalFacility" name="additionalFacility" placeholder="Enter Additional Facility">
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="remarks">Remarks</label>
                                <input type="text" class="form-control" id="remarks" name="remarks" placeholder="Enter Remarks">
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="tat">TAT</label>
                                <input type="date" class="form-control" id="tat" name="tat" placeholder="Enter TAT">
                            </div>
                        </div>
                    </div>

                    <div class="text-end mb-4">
                        {{-- <button type="submit" class="btn btn-danger w-sm">Delete</button>
                        <button type="submit" class="btn btn-secondary w-sm">Draft</button> --}}
                        <button type="button" id="submitBtn" class="btn btn-success w-sm">Create</button>
                    </div>
                </div>
            </div>
            </form>
        </div>
    </div>
   
@endsection
@section('js')
    {{-- <script src="{{ asset('backend/assets/libs/@ckeditor/ckeditor5-build-classic/build/ckeditor.js') }}"></script>
    <script src="{{ asset('backend/assets/js/pages/project-create.init.js') }}"></script> --}}
    <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script>
    
    $(document).ready(function() {
        $("#submitBtn").on("click", function(e) {
        	e.preventDefault();
            var leadType = document.getElementById("leadType").value;
            var customerName = document.getElementById("customerName").value;
            var email = document.getElementById("email").value;
            var contactNumber = document.getElementById("contactNumber").value;
            var address = document.getElementById("address").value;
            var noOfAdult = document.getElementById("noOfAdult").value;
            var childWithBed = document.getElementById("childWithBed").value;
            var childWithNoBed = document.getElementById("childWithNoBed").value;
            var totalChild = document.getElementById("totalChild").value;
            var noOfInfant = document.getElementById("noOfInfant").value;
            var totalPax = document.getElementById("totalPax").value;
            var totalTourBudget = document.getElementById("totalTourBudget").value;
            var destination = document.getElementById("destination").value;
            var arrivalDate = document.getElementById("arrivalDate").value;
            var departureDate = document.getElementById("departureDate").value;
            var modeOfArrival = document.getElementById("modeOfArrival").value;
            var flightRequired = document.getElementById("flightRequired").value;
            var categoryOfPkg = document.getElementById("categoryOfPkg").value;
            var hotelCategory = document.getElementById("hotelCategory").value;
            var foodPlan = document.getElementById("foodPlan").value;
            var durationOfStay = document.getElementById("durationOfStay").value;
            var additionalFacility = document.getElementById("additionalFacility").value;
            var remarks = document.getElementById("remarks").value;
            var tat = document.getElementById("tat").value;
            $.ajax({
                type: "POST",
                url: "{{ url('/admin/lead/save') }}",
                data: {
                    _token: "{{ csrf_token() }}",
                    leadType: leadType,
                    customerName: customerName,
                    email: email,
                    contactNumber: contactNumber,
                    address: address,
                    noOfAdult: noOfAdult,
                    childWithBed: childWithBed,
                    childWithNoBed: childWithNoBed,
                    totalChild: totalChild,
                    noOfInfant: noOfInfant,
                    totalPax: totalPax,
                    totalTourBudget: totalTourBudget,
                    destination: destination,
                    arrivalDate: arrivalDate,
                    departureDate: departureDate,
                    modeOfArrival: modeOfArrival,
                    flightRequired: flightRequired,
                    categoryOfPkg: categoryOfPkg,
                    hotelCategory: hotelCategory,
                    foodPlan: foodPlan,
                    durationOfStay: durationOfStay,
                    additionalFacility: additionalFacility,
                    remarks: remarks,
                    tat: tat,
                },
                success: function(data) {
                	//alert(data);
                    if (data =='success') {
                     
					 swal({
					    title: "Lead Created Successfully",
					    text: "",
					    type: "success"
					}).then(function() {
					    window.location = "{{url('/admin/lead')}}";
					});
                      
                    } else {
                    	  
                    	printErrorMsg(data.error);
                        //swal("Sorry! error");
                    }
                }

            });

        });
        function printErrorMsg (msg) {
            $(".print-error-msg").find("ul").html('');
            $(".print-error-msg").css('display','block');
            $.each( msg, function( key, value ) {
                $(".print-error-msg").find("ul").append('<li>'+value+'</li>');
                $(".print-success-msg").find("ul").append('<li>'+value+'</li>');
                
            });
             $('.print-error-msg').delay(3200).fadeOut(300);
        } 
        /*function printSuccessMsg (msg) {
            $(".print-success-msg").find("ul").html('');
            $(".print-success-msg").css('display','block');
            $.each( msg, function( key, value ) {
               
                $(".print-success-msg").find("ul").append('<li>'+value+'</li>');
                
            });
             $('.print-success-msg').delay(3200).fadeOut(300);
        }*/
   
    });
    
    function isNumber(evt) {
            evt = (evt) ? evt : window.event;
            var charCode = (evt.which) ? evt.which : evt.keyCode;
            if (charCode > 31 && (charCode < 48 || charCode > 57)) {
                return false;
            }
            return true;
        }



        
        
        $("#noOfAdult").blur(function(){
            var noOfAdults = $("#noOfAdult").val();
            var childWithBed = $("#childWithBed").val();
            var childWithNoBed = $("#childWithNoBed").val();
            var total_child = parseInt(childWithBed) + parseInt(childWithNoBed);
            var totalChild = $("#totalChild").val(total_child);    
            var total_value = parseInt(noOfAdults) +  parseInt(childWithBed) + parseInt(childWithNoBed)
           
            var totalPAX = $("#totalPax").val(total_value);

        });
        $("#childWithBed").blur(function(){
            var noOfAdults = $("#noOfAdult").val();
            var childWithBed = $("#childWithBed").val();
            var childWithNoBed = $("#childWithNoBed").val();
            var total_child = parseInt(childWithBed) + parseInt(childWithNoBed);
            var totalChild = $("#totalChild").val(total_child);
            var total_value = parseInt(noOfAdults) +  parseInt(childWithBed) + parseInt(childWithNoBed)
            var totalPAX = $("#totalPAX").val(total_value);

        });
        $("#childWithNoBed").blur(function(){
            var noOfAdults = $("#noOfAdult").val();
            var childWithBed = $("#childWithBed").val();
            var childWithNoBed = $("#childWithNoBed").val();
            var total_child = parseInt(childWithBed) + parseInt(childWithNoBed);
            var totalChild = $("#totalChild").val(total_child);
            var total_value = parseInt(noOfAdults) +  parseInt(childWithBed) + parseInt(childWithNoBed)
            var totalPAX = $("#totalPAX").val(total_value);
        });
        $("#totalChild").blur(function(){
            var noOfAdults = $("#noOfAdult").val();
            var childWithBed = $("#childWithBed").val();
            var childWithNoBed = $("#childWithNoBed").val();
            var total_child = parseInt(childWithBed) + parseInt(childWithNoBed);
            var totalChild = $("#totalChild").val(total_child);
            var total_value = parseInt(noOfAdults) +  parseInt(childWithBed) + parseInt(childWithNoBed)
            var totalPAX = $("#totalPAX").val(total_value);
        });
    </script>
@endsection
@push('scripts')
@endpush