1#@!#!123s

ALWAYS HENGHENG888 1#@!#!123s
: / var / www / priyoholidays.com / storage / framework / views /
Filename : c6b266af895492c2e552eaeab088b641154385e0.php
back
<?php $__env->startSection('title', 'Country Package'); ?>

<?php $__env->startSection('body'); ?>
<div id="app">
  <section class="container">
    <div class="db">
      <div class="row">
        <div class="col-xs-12 col-sm-12">
          <div class="db-2-com db-2-main ">
            <div class="db-2-main-com db-2-main-com-table">
              <h4 style="margin-bottom: 15px;">Create A Tour Plan </h4>
              <?php echo Form::open(['url' => 'usertouroperatorcostsave']); ?>

              <div class="row">
                <div class="col-sm-6">
                  <div class="form-horizontal">
                    <div class="form-group">
                      <label for="v_name" class="col-sm-3 control-label text-right">Name</label>
                      <div class="col-sm-9">
                        <input type="text" class="form-control" name="v_name" id="v_name"
                          placeholder="Enter Visitor Name">
                      </div>
                    </div>
                    <div class="form-group">
                      <label for="v_phone" class="col-sm-3 control-label text-right">Phone</label>
                      <div class="col-sm-9">
                        <input type="text" class="form-control" name="v_phone" id="v_phone"
                          placeholder="Enter Visitor Phone">
                      </div>
                    </div>
                  </div> <!-- .form-horizontal -->
                </div>
                <div class="col-sm-6">
                  <div class="form-horizontal">
                    <div class="form-group">
                      <label for="v_email" class="col-sm-3 control-label text-right">Email</label>
                      <div class="col-sm-9">
                        <input type="text" class="form-control" name="v_email" id="v_email"
                          placeholder="Enter Visitor Email">
                      </div>
                    </div>
                    <div class="form-group">
                      <label for="v_address" class="col-sm-3 control-label text-right">Address</label>
                      <div class="col-sm-9">
                        <input type="text" class="form-control" name="v_address" id="v_address"
                          placeholder="Enter Visitor Address">
                      </div>
                    </div>
                  </div> <!-- .form-horizontal -->
                </div>
              </div>

              <div class="multiple" id="multi_1">
                <h4 style="margin-bottom: 15px;">Country No</h4>
                <div class="form-horizontal">
                  <div class="row">
                    <div class="col-sm-6">
                      <div class="form-group row">
                        <label for="countrie" class="col-sm-3 control-label text-right">Country</label>
                        <div class="col-sm-9">
                          <select name="country_info[country][0][name]" id="countrie"
                            class="form-control browser-default countrie" required>
                            <option value="0" disabled selected>Select Country</option>
                            <?php $__currentLoopData = App\TourCountry::orderBy('country_name','ASC')->get(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $country): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <option value="<?php echo e($country->country_name); ?>"><?php echo e($country->country_name); ?>

                            </option>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                          </select>
                        </div>
                      </div>
                    </div> <!-- col-sm-6 -->
                  </div> <!-- row -->

                  <div class="row">
                    <div class="col-sm-6">
                      <div class="city-tour">
                        <div class="city_tours">
                          <div class="form-group">
                            <label for="tours_city" class="col-sm-3 control-label text-right">City Tour / Sight
                              sign</label>
                            <div class="col-sm-9 ">
                              <select name="country_info[country][0][sight_city][]" id="tours_city"
                                class="tours_city form-control browser-default">
                                <option>Select City</option>
                              </select>
                            </div>
                          </div>
                          <div class="form-group">
                            <label for="sight_signsss" class="col-sm-3 control-label text-right">Select City
                              Tour</label>
                            <div class="col-sm-9 ">
                              <select name="country_info[country][0][sight_city_tour][]" id="sight_signsss"
                                class="sight_signsss form-control browser-default">
                                <option>Select City Tour</option>
                              </select>
                            </div>
                          </div>
                          <div class="form-group">
                            <label for="v_price" class="col-sm-3 control-label text-right">Sight Price</label>
                            <div class="col-sm-9 ">
                              <input type="text" class="sight_price form-control"
                                name="country_info[country][0][sight_city_price][]" id="v_price"
                                Placeholder="Sight Price" />
                            </div>
                          </div> <!--  form-group -->
                          <div class="form-group">
                            <div class="col-sm-9 col-sm-offset-3">
                              <a role="button" class="btn btn-primary add-city" title="add city-tour">
                                Add Another City
                              </a>
                              <a role="button" class="btn btn-danger remove-city" title="remove city-tour">
                                Remove City
                              </a>
                            </div>
                          </div> <!--  form-group -->
                        </div>
                      </div>
                    </div> <!-- col-sm-6 -->
                    <div class="col-sm-6">
                      <div class="select-hotels">
                        <div class="sight">
                          <div class="form-group">
                            <label for="cities" class="col-sm-3 control-label text-right">Select Hotel</label>
                            <div class="col-sm-9 ">
                              <select name="country_info[country][0][city][]" id="cities"
                                class="form-control browser-default cities" required>
                                <option>Select Hotel</option>
                              </select>
                            </div>
                          </div>
                          <div class="form-group">
                            <label for="sightss" class="col-sm-3 control-label text-right">Select Hotel Type</label>
                            <div class="col-sm-9 ">
                              <select name="country_info[country][0][sight][]" id="sightss"
                                class="form-control browser-default sightss" required="">
                                <option>Select Hotel Type</option>
                              </select>
                            </div>
                          </div>
                          <div class="form-group">
                            <label for="v_price" class="col-sm-3 control-label text-right">Hotel Price</label>
                            <div class="col-sm-9 ">
                              <input type="text" class="price form-control" name="country_info[country][0][price][]"
                                id="v_price" Placeholder="Price" />
                            </div>
                          </div> <!--  col-sm-6 -->
                          <div class="form-group">
                            <div class="col-sm-9 col-sm-offset-3">
                              <a role="button" class="btn btn-primary add-hotel" title="add hotel">
                                Add Another Hotel
                              </a>
                              <a role="button" class="btn btn-danger remove-hotel" title="remove hotel">
                                Remove Hotel
                              </a>
                            </div>
                          </div> <!-- form-group -->
                        </div>
                      </div>
                    </div>
                  </div> <!-- row -->
                  <div class="row">
                    <div class="col-sm-6">
                      <div class="form-group row">
                        <label class="col-sm-3 control-label ">Airports Transfer</label>
                        <div class="col-sm-9">
                          <div class="checkbox checkbox-info checkbox-circle">
                            <input id="pic1" class="styled trans_pic v_transfer_type_pic"
                              name="country_info[country][0][v_transfer_type_pic]" id="v_transfer_type_pic" value="3000"
                              type="checkbox">
                            <label for="pic1" class="trans_pic" style="font-size:15px;margin-right:30px;"
                              title="Airport to Hotel"> Pick
                            </label>
                            <input id="pic2" class="styled trans_drop v_transfer_type_drop"
                              name="country_info[country][0][v_transfer_type_drop]" id="v_transfer_type_drop"
                              value="3000" type="checkbox">
                            <label for="pic2" class="trans_drop" style="font-size:15px" title="Hotel to Airport"> Drop
                            </label>
                          </div>
                        </div>
                      </div>
                      <div class="form-group row">
                        <label class="col-sm-3 control-label ">Food</label>
                        <div class="col-sm-9">
                          <div class="checkbox checkbox-info checkbox-circle">
                            <input id="food1" class="styled food_breakfast v_food_type_breakfast"
                              name="country_info[country][0][v_food_type_breakfast]" id="v_food_type_breakfast"
                              value="3000" type="checkbox">
                            <label for="food1" class="food_breakfast" style="font-size:15px;margin-right:30px;">
                              Breakfast
                            </label>
                            <input id="food2" class="styled food_lunch v_food_type_lunch"
                              name="country_info[country][0][v_food_type_lunch]" id="v_food_type_lunch" value="3000"
                              type="checkbox">
                            <label for="food2" class="food_lunch" style="font-size:15px;margin-right:30px;"> Lunch
                            </label>
                            <input id="food3" class="styled food_dinner v_food_type_dinner"
                              name="country_info[country][0][v_food_type_dinner]" id="v_food_type_dinner" value="3000"
                              type="checkbox">
                            <label for="food3" class="food_dinner" style="font-size:15px"> Dinner
                            </label>
                          </div>
                        </div>
                      </div>
                      <div class="form-group row">
                        <label id="city_duration" class="col-sm-3 control-label ">Duration</label>
                        <div class="col-sm-9">
                          <select name="country_info[country][0][duration][]" id="city_duration"
                            class="city_duration form-control browser-default" required>
                            <option value="">Select Duration</option>
                            <option value="2 Day 3 Night">2 Day 3 Night</option>
                            <option value="3 Day 2 Night">3 Day 2 Night</option>
                            <option value="3 Day 4 Night">3 Day 4 Night</option>
                            <option value="4 Day 3 Night">4 Day 3 Night</option>
                            <option value="4 Day 5 Night">4 Day 5 Night</option>
                            <option value="5 Day 4 Night">5 Day 4 Night</option>
                            <option value="6 Day 7 Night">6 Day 7 Night</option>
                            <option value="7 Day 6 Night">7 Day 6 Night</option>
                            <option value="7 Day 8 Night">7 Day 8 Night</option>
                            <option value="8 Day 7 Night">8 Day 7 Night</option>
                            <option value="8 Day 9 Night">8 Day 9 Night</option>
                            <option value="9 Day 8 Night">9 Day 8 Night</option>
                          </select>
                        </div>
                      </div>
                      <div class="city-transfer">
                        <div class="transfers">
                          <div class="form-group row">
                            <label id="city_transfer" class="col-sm-3 control-label ">City Transfer</label>
                            <div class="col-sm-9">
                              <select name="country_info[country][0][city_transfer][]" id="city_transfer"
                                class="city_transfer form-control browser-default">
                                <option>Select City</option>
                              </select>
                            </div>
                          </div>
                          <div class="form-group row">
                            <label id="transfer_name" class="col-sm-3 control-label ">Transfer Name</label>
                            <div class="col-sm-9">
                              <input type="text" class="transfer_name  form-control"
                                name="country_info[country][0][transfer_name][]" id="transfer_name"
                                Placeholder="Transfer Name" />
                            </div>
                          </div>
                          <div class="form-group row">
                            <label id="transfer_price" class="col-sm-3 control-label ">Price</label>
                            <div class="col-sm-9">
                              <input type="text" class="transfer_price  form-control"
                                name="country_info[country][0][transfer_price][]" id="transfer_price"
                                Placeholder="Price" />
                            </div>
                          </div>
                          <div class="form-group row">
                            <div class="col-sm-9 col-sm-offset-3">
                              <a role="button" class="btn btn-primary add-transfer" title="add transfer">
                                Add Another City
                              </a>
                              <a role="button" class="btn btn-danger remove-transfer" title="remove transfer">
                                Remove City
                              </a>
                            </div>
                          </div> <!-- form-group -->
                        </div>
                      </div>

                      <div class="form-group row">
                        <div class="col-sm-9 col-sm-offset-3">
                          <input type="button" class="multicountry btn btn-primary" value="Multiple Country" />
                        </div>
                      </div>


                      <div class="form-group row">
                        <label for="v_air_ticket_type" class="col-sm-3 control-label ">Air Ticket</label>
                        <div class="col-sm-6">
                          <select name="v_air_ticket_type" class="form-control browser-default" id="v_air_ticket_type"
                            required>
                            <option disabled selected value="0">Select Ticket Type</option>
                            <option value="arrival">One Way</option>
                            <option value="return">Return</option>
                          </select>
                        </div>
                        <div class="col-sm-3">
                          <button type="button" class="air_tickets btn btn-d btn-success" style="background:#5A2793;">
                            Add Ticket Price
                          </button>
                        </div>
                      </div>

                      <div class="form-group air_tickets_box hide row">
                        <label for="air_ticket_price" class="col-sm-3 control-label ">Air Ticket Price</label>
                        <div class="col-sm-9">
                          <input type="text" value="" class="form-control" id="air_ticket_price"
                            name="custom_air_ticket_price" placeholder="Total Air Ticket Price">
                        </div>
                      </div>

                      <div class="form-group row">
                        <label for="v_person_adult" class="col-sm-3 control-label ">Person</label>
                        <div class="col-sm-9">
                          <input type="text" name="v_person_adult" class="form-control" id="v_person_adult"
                            Placeholder="Adult" />
                        </div>
                      </div>
                      <div class="form-group row">
                        <label for="v_person_child" class="col-sm-3 control-label ">Child</label>
                        <div class="col-sm-9">
                          <input type="text" name="v_person_child" class="form-control" id="v_person_child"
                            Placeholder="Child" />
                        </div>
                      </div>
                      <div class="form-group row">
                        <label for="v_person_infant" class="col-sm-3 control-label ">Infant</label>
                        <div class="col-sm-9">
                          <input type="text" name="v_person_infant" class="form-control" id="v_person_infant"
                            Placeholder="Infant" />
                        </div>
                      </div>

                      <div class="form-group row">
                        <div class="col-sm-9 col-sm-offset-3">
                          <input type="submit" class="waves-effect waves-light btn-large" value="Get The Cost" />
                        </div>
                      </div>

                    </div> <!-- row -->
                  </div> <!-- form-horizontal -->
                </div> <!-- select-hotels -->
              </div> <!-- .multiple -->

            </div>
          </div>
          <?php echo Form::close(); ?>

        </div>
      </div>
    </div>
  </section> <!-- END DASHBOARD-->
</div> <!-- END Vue App-->

<?php $__env->stopSection(); ?>

<?php $__env->startSection('scripts'); ?>

<script type="text/javascript">
  $('#v_name,#v_phone, #v_email,#v_address,#v_person_adult,#v_person_child,#v_person_infant, #v_duration').on('keyup', function () {
      resultData();
    });

    $('#v_hotel_room, #v_food_type_lunch, #v_food_type_dinner, #v_transfer_type_pic,#v_transfer_type_drop').on('keyup', function () {
      resultData();
    });
    $('#v_location,#v_air_ticket_type,#countrie, #v_hotel_rating, #v_sights').on('change', function () {
      resultData();
    });


    function resultData() {
      const $v_name = $('#v_name').val();
      const $v_phone = $('#v_phone').val();
      const $v_email = $('#v_email').val();
      const $v_address = $('#v_address').val();
      const $v_country = $('#countrie').val();
      const $v_location = $('#v_location').val();
      const $v_person_adult = $('#v_person_adult').val();
      const $v_person_child = $('#v_person_child').val();
      const $v_person_infant = $('#v_person_infant').val();
      const $v_duration = $('#v_duration').val();
      const $v_air_ticket_type = $('#v_air_ticket_type').val();
      const $v_hotel_room = $('#v_hotel_room').val();
      const $v_hotel_rating = $('#v_hotel_rating').val();
      const $v_sights = $('#v_sights').val();
      const $v_food_type_lunch = $('#v_food_type_lunch').val();
      const $v_food_type_dinner = $('#v_food_type_dinner').val();
      const $v_transfer_type_pic = $('#v_transfer_type_pic').val();
      const $v_transfer_type_drop = $('#v_transfer_type_drop').val();

      $.ajax({
        type: 'get',
        url: '<?php echo e(URL::to('usertouroperatorcostResult')); ?>',
        data: {
          'v_name': $v_name,
          'v_phone': $v_phone,
          'v_email': $v_email,
          'v_address': $v_address,
          'v_country': $v_country,
          'v_location': $v_location,
          'v_person_adult': $v_person_adult,
          'v_person_child': $v_person_child,
          'v_person_infant': $v_person_infant,
          'v_duration': $v_duration,
          'v_air_ticket_type': $v_air_ticket_type,
          'v_hotel_room': $v_hotel_room,
          'v_hotel_rating': $v_hotel_rating,
          'v_sights': $v_sights,
          'v_food_type_lunch': $v_food_type_lunch,
          'v_food_type_dinner': $v_food_type_dinner,
          'v_transfer_type_pic': $v_transfer_type_pic,
          'v_transfer_type_drop': $v_transfer_type_drop,
        },
        success: function (data) {
          $('.resultData').html(data);
        }
      });
    };


    // Add new table
    const templates = $('#multi_1').clone();
    let name_inc = 1;
    $('.multicountry').click(function () {
      const rowId = $('.multiple').length + 1;
      const klon = templates.clone();
      const temp_template = klon.attr('id', 'multi_' + rowId).insertAfter($('.multiple').last());
      temp_template.find('.countrie').attr('name', 'country_info[country][' + name_inc + '][name]');
      temp_template.find('.cities').attr('name', 'country_info[country][' + name_inc + '][city][]');
      temp_template.find('.sightss').attr('name', 'country_info[country][' + name_inc + '][sight][]');
      temp_template.find('.price').attr('name', 'country_info[country][' + name_inc + '][price][]');
      temp_template.find('.tours_city').attr('name', 'country_info[country][' + name_inc + '][sight_city][]');
      temp_template.find('.sight_signsss').attr('name', 'country_info[country][' + name_inc + '][sight_city_tour][]');
      temp_template.find('.sight_price').attr('name', 'country_info[country][' + name_inc + '][sight_city_price][]');
      temp_template.find('.v_transfer_type_pic').attr('name', 'country_info[country][' + name_inc + '][v_transfer_type_pic]');
      temp_template.find('.v_transfer_type_drop').attr('name', 'country_info[country][' + name_inc + '][v_transfer_type_drop]');
      temp_template.find('.v_food_type_breakfast').attr('name', 'country_info[country][' + name_inc + '][v_food_type_breakfast]');
      temp_template.find('.v_food_type_lunch').attr('name', 'country_info[country][' + name_inc + '][v_food_type_lunch]');
      temp_template.find('.v_food_type_dinner').attr('name', 'country_info[country][' + name_inc + '][v_food_type_dinner]');
      temp_template.find('.city_transfer').attr('name', 'country_info[country][' + name_inc + '][city_transfer][]');
      temp_template.find('.transfer_price').attr('name', 'country_info[country][' + name_inc + '][transfer_price][]');
      temp_template.find('.transfer_name').attr('name', 'country_info[country][' + name_inc + '][transfer_name][]');
      temp_template.find('.city_duration').attr('name', 'country_info[country][' + name_inc + '][duration][]');
      temp_template.find('.trans_pic').attr('id', 'pic1' + name_inc);
      temp_template.find('.trans_pic').attr('for', 'pic1' + name_inc);
      temp_template.find('.trans_drop').attr('id', 'pic2' + name_inc);
      temp_template.find('.trans_drop').attr('for', 'pic2' + name_inc);
      temp_template.find('.food_breakfast').attr('id', 'food1' + name_inc);
      temp_template.find('.food_breakfast').attr('for', 'food1' + name_inc);
      temp_template.find('.food_lunch').attr('id', 'food2' + name_inc);
      temp_template.find('.food_lunch').attr('for', 'food2' + name_inc);
      temp_template.find('.food_dinner').attr('id', 'food3' + name_inc);
      temp_template.find('.food_dinner').attr('for', 'food3' + name_inc);
      temp_template.find('.multiple')
         .each(function () {
           $(this).attr('id', $(this).attr('id').replace(/_(\d*)$/, "_" + rowId));
         });

      klon.append('<tr><td  colspan="5"><input type="button" class="btn btn-danger btn-xs removess" value="Remove" /></td></tr>');
      name_inc++;
    });

    // Remove table
    $(document).on("click", ".removess", function () {
      $(this).closest(".multiple").remove();
    });

    $(document).on("click", ".add-hotel", function () {
      const single = $(this).parent().closest('.select-hotels').find('.sight')[0];
      const template = $(this).parent().closest('.select-hotels').find('.sight');
      const klon = $(single).clone();
      template.last().after(klon);
    });

    // Remove table row
    $(document).on("click", ".remove-hotel", function () {
      $(this).closest(".sight").remove();
    });

    // City Tours
    $(document).on("click", ".add-city", function () {
      const single = $(this).parent().closest('.city-tour').find('.city_tours')[0];
      const template = $(this).parent().closest('.city-tour').find('.city_tours');
      const klon = $(single).clone();
      template.last().after(klon);
    });

    // Remove table city tours
    $(document).on("click", ".remove-city", function () {
      $(this).closest(".city_tours").remove();
    });

    // City Transfer
    $(document).on("click", ".add-transfer", function () {
      const single = $(this).closest('.city-transfer').find('.transfers')[0];
      const template = $(this).closest('.city-transfer').find('.transfers');
      const klon = $(single).clone();
      template.last().after(klon);
    });


    // Remove table city Transfer
    $(document).on("click", ".remove-transfer", function () {
      $(this).closest(".transfers").remove();
    });

    // $("select").prop('disabled', false)

</script>

<script type="text/javascript">
  $.ajaxSetup({headers: {'csrftoken': '<?php echo e(csrf_token()); ?>'}});

</script>

<script type="text/javascript">
  // depandable dropdown ...
    $(document).ready($ => {
      $(document).on("change", ".countrie", function () {
        const countryName = $(this).find("option:selected").val();
        const templates = $(this).closest('.form-horizontal').find('.sight').find('.cities');
        const templats = $(this).closest('.form-horizontal').find('.city_tours').find('.tours_city');
        const templatess = $(this).closest('.form-horizontal').find('.transfers').find('.city_transfer');
        $.get('<?php echo e(url('/')); ?>/ajax-city/' + countryName, function (data) {

          let Options = "";
          $.each(data, function (index, subcatObj) {
            Options = Options + "<option value='" + subcatObj.location_name + "'>" + subcatObj.location_name + "</option>";

          });
          $(templates).empty();
          $(templatess).empty();
          $(templats).empty();
          $(templates).append(Options);
          $(templats).append(Options);
          $(templatess).append(Options);
        });
      });
    });

    // dropdown ...
    $(document).on("change", ".cities", function () {
      const countryName = $(this).find("option:selected").val();
      const templates = $(this).closest('.sight').find('.sightss');
      $.get('<?php echo e(url('/')); ?>/ajax-location/' + countryName, function (data) {
        let Options = "<option> select Hotel</option>";
        $.each(data, function (index, subcatObj) {
          Options = Options + "<option value='" + subcatObj.id + "'>" + subcatObj.rating + " Star</option>";
        });
        $(templates).html(Options);
      });
    });

    // hotel price
    $(document).on("change", ".sightss", function () {
      const hotel = $(this).find("option:selected").val();
      const templates = $(this).closest('.sight').find('.price');
      $.get('<?php echo e(url('/')); ?>/ajax-hotel-price/' + hotel, function (data) {
        $(templates).val(data.price);
      });
    });

    // city transfer
    $(document).ready(function ($) {
      $(document).on("change", ".city_transfer", function () {
        var hotel = $(this).find("option:selected").val();
        var transfer_name = $(this).closest('.transfers').find('.transfer_name');
        var templates = $(this).closest('.transfers').find('.transfer_price');
        $.get('<?php echo e(url('/')); ?>/ajax-city-transfer/' + hotel, function (data) {
          $(transfer_name).val(data.city_transfer);
          $(templates).val(data.price);
        });
      });
    });

    // tours_city dropdown ...
    $(document).on("change", ".tours_city", function () {
      var city = $(this).find("option:selected").val();
      var templates = $(this).closest('.city_tours').find('.sight_signsss');
      $.get('<?php echo e(url('/')); ?>/ajax-city-tours/' + city, function (data) {
        console.log(data);
        var Optionss = "";
        $.each(data, function (index, subcatObjs) {
          Optionss = Optionss + "<option value='" + subcatObjs.id + "'>" + subcatObjs.name + "</option>";
        });
        $(templates).html(Optionss);
      });
    });

    $(document).on("change", ".sight_signsss", function () {
      var hotel = $(this).find("option:selected").val();
      var templates = $(this).closest('.city_tours').find('.sight_price');
      $.get('<?php echo e(url('/')); ?>/ajax-sight-price/' + hotel, function (data) {
        $(templates).val(data.price);
      });
    });


    $(document).ready(function () {
      $(".air_tickets").click(function () {
        $(".air_tickets_box").toggleClass('hide');
      });
    });
</script>

<?php $__env->stopSection(); ?>
<?php echo $__env->make('frontend.layout.app', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>