@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">Edit Lead</h4>
                        <div class="page-title-right">
                            <ol class="breadcrumb m-0">
                                <li class="breadcrumb-item"><a href="javascript: void(0);">Lead</a></li>
                                <li class="breadcrumb-item active"> Edit Lead</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
            @if ($message = Session::get('success'))
        <div class="alert alert-success alert-block" id="successMessage">
            <button type="button" class="close" data-dismiss="alert">×</button>
            <strong>{{ $message }}</strong>
        </div>
    @endif
            <form method="post" action="{{ route('leadUpdate') }}" enctype="multipart/form-data">
            <input type="hidden" id="id" name="id" value="{{$lead->id}}">
            @csrf
            <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="customer_name" name="customer_name" placeholder="Enter project title" value="{{ $lead->customer_name}}">
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="email">E-Mail *</label>
                                <input type="text" class="form-control" id="email" name="email" value="{{ $lead->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="contact_number" value="{{ $lead->contact_number}}" 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" value="{{ $lead->address}}"  placeholder="Enter Address">
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="noOfAdult">No. of Adult *</label>
                                <input type="text" class="form-control" id="noOfAdult"  value="{{ $lead->no_of_adult}}" name="noOfAdult" placeholder="">
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="childWithBed">Child With bed(5-12 yrs)</label>
                                <input type="text" class="form-control" name="childWithBed" value="{{ $lead->child_with_bed}}" id="childWithBed" placeholder="Enter Child With bed">
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="childWithNoBed">Child With No Bed(0-4 yrs)</label>
                                <input type="text" class="form-control" name="childWithNoBed" value="{{ $lead->child_with_no_bed}}" id="childWithNoBed" placeholder="Enter Child With bed">
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="totalChild">Total Child</label>
                                <input type="text" class="form-control" id="totalChild" name="totalChild" value="{{ $lead->total_child}}" placeholder="Enter total child">
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="noOfInfant">No. of Infant</label>
                                <input type="text" class="form-control" id="noOfInfant" name="noOfInfant" value="{{ $lead->no_of_infant}}" placeholder="Enter project title">
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="totalPax">Total PAX *</label>
                                <input type="text" class="form-control" id="totalPax" name="totalPax" value="{{ $lead->total_pax}}" placeholder="Enter project title">
                            </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" value="{{ $lead->total_tour_budget}}" 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" >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" value="{{ $lead -> arrival_date }}" placeholder="Enter project title">
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="departureDate">Departure Date *</label>
                                <input type="date" class="form-control" id="departureDate" name="departureDate" value="{{ $lead -> departure_date }}" placeholder="Enter project title">
                            </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"   >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" >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" >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" >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" value="{{ $lead->duration_of_stay}}" name="durationOfStay" placeholder="Enter project title">
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="additionalFacility">Additional Facility</label>
                                <input type="text" class="form-control" id="additionalFacility" name="additional_facility" placeholder="Enter Facility" value="{{ $lead->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" value="{{ $lead->remark }}" 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" value="{{ $lead->tat }}" placeholder="Enter project title">
                            </div>
                        </div>
                    </div>
                    <div class="text-end mb-4">
                        <button type="submit"  class="btn btn-success w-sm">Update</button>
                    </div>
                </div>
            </div>
            </form>
        </div>
    </div>
@endsection
@section('js')
    <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
   
    <script>
   
	setTimeout(function() {
    $('#successMessage').fadeOut('fast');
}, 30000);

        $("#updateBtn").on("click", function() {
            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: "{{ route('leadUpdate') }}",
                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) {
                    if (data.code == 1) {
                        swal("Congratulation! success");
                    } else {
                        swal("Sorry! error");
                    }
                }
            });
        })
    </script>
@endsection
@push('scripts')
@endpush