@extends('admin.main')

@section('content')


    @include('admin.tours.navigation',['id'=>$tour->id])

    <!-- /.card -->
    <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">{{$tour->name}} / Pricing Tables</h3>


            </div>

            <!-- /.card-header -->
            <div class="card-body">
                <div class="row">
                    <a class="btn btn-danger pull-right" href="{{route('admin.get.tour.pricing.edit',$tour->id)}}">
                        <i class="fas fa-edit"></i> Edit Pricing Tables</a>

                </div>

                <div class="row">
                    <div class="form-group col-md-3">
                        <!-- select -->
                        <label>Select Table Type</label>
                        <select class="custom-select" id="table-type">
                            <option value="1">Daily Pricing</option>
                            <option value="2">Package Pricing</option>
                        </select>
                    </div>


                    <div class="col-sm-12">
                        <form id="DailyStore" action="{{route('admin.post.tour.pricing.daily.store')}}"
                              class="form-horizontal daily-form">
                            <div class="form-body row">
                                @csrf
                                <input type="hidden" name="tour_id" value="{{$tour->id}}"></div>

                            <div class="form-group col-md-12">
                                <div class="form-group">
                                    <div class="col-md-12">
                                        <table class="table table-striped table-bordered table-hover">

                                            <thead>
                                            <tr>
                                                <th class="text-center"> Title</th>
                                            </tr>
                                            <tr>
                                                <th><input type="text" class="form-control" name="title"
                                                           value="Prices Per Person"
                                                    >
                                                </th>
                                            </tr>

                                            <tr>
                                                <th class="text-center"><input type="text" class="form-control"
                                                                               name="first_title" value="1 Person">
                                                </th>
                                                <th class="text-center"><input type="text" class="form-control"
                                                                               name="second_title"
                                                                               value="2 Persons"></th>
                                                <th class="text-center"><input type="text" class="form-control"
                                                                               name="third_title" value="3 Persons">
                                                </th>
                                                <th class="text-center"><input type="text" class="form-control"
                                                                               name="fourth_title"
                                                                               value="4 Persons"></th>
                                                <th class="text-center"><input type="text" class="form-control"
                                                                               name="fifth_title" value="5 Persons">
                                                </th>
                                                <th class="text-center"><input type="text" class="form-control"
                                                                               name="six_title" value="6 Persons">
                                                </th>
                                                <th class="text-center"><input type="text" class="form-control"
                                                                               name="seventh_title"
                                                                               value="+10 Persons"></th>



                                            </tr>
                                            </thead>
                                            <tbody class="connected-sortable droppable-area1">


                                            <tr class="odd gradeX draggable-item">
                                                <td class="text-center"><input type="number" class="form-control"
                                                                               name="first_price"
                                                                               value="0"  ></td>
                                                <td class="text-center"><input type="number" class="form-control"
                                                                               name="second_price"
                                                                               value="0"
                                                    ></td>
                                                <td class="text-center"><input type="number" class="form-control"
                                                                               name="third_price"
                                                                               value="0"
                                                    ></td>
                                                <td class="text-center"><input type="number" class="form-control"
                                                                               name="fourth_price"
                                                                               value="0"
                                                    ></td>
                                                <td class="text-center"><input type="number" class="form-control"
                                                                               name="fifth_price"
                                                                               value="0"
                                                    ></td>
                                                <td class="text-center"><input type="number" class="form-control"
                                                                               name="six_price"
                                                                               value="0"
                                                    ></td>
                                                <td class="text-center"><input type="number" class="form-control"
                                                                               name="seventh_price"
                                                                               value="0"
                                                    ></td>

                                            </tr>


                                            </tbody>
                                            <hr>


                                        </table>




                                        <div class="form-group col-md-5">
                                            <label>Cities</label>
                                            <select id="daily-city-select"
                                                    name="city_id" class="select2 " multiple data-placeholder="Select Cities"
                                                    data-route="{{route('admin.get.tour.city.hotels')}}" style="width: 100%;">
                                                @foreach($cities as $city)
                                                    <option value="{{$city->id}}">{{$city->name}}</option>
                                                @endforeach
                                            </select>
                                        </div>


                                        <div id="daily-hotels-container" class="form-group col-md-5">
                                            <label>Hotels</label>
                                            <select id="daily-hotels-select" opt-group="false" name="hotels[]" class="select2" multiple data-placeholder="Select Hotels"
                                                    style="width: 100%;">


                                            </select>
                                        </div>


                                    </div>
                                </div>
                                <div class="pull-right">
                                    <div class="col-md-offset-1 col-md-5">
                                        <button type="submit" class="btn btn-danger">Save</button>
                                    </div>
                                </div>
                            </div>


                            <!--end messages-->

                        </form>




                        <form id="PackageStore" action="{{route('admin.post.tour.pricing.package.store')}}"
                              class="form-horizontal package-form">

                            <div class="form-body row">
                                @csrf


                                <div class="form-group col-md-12">

                                    <div class="package-container form-group">


                                        <!--clone here -->

                                        <div class="col-md-12" id="package-clone">
                                            <table class="table table-striped table-bordered table-hover">

                                                <thead>
                                                <tr>
                                                    <th class="text-center">Title</th>
                                                </tr>
                                                <tr>
                                                    <th><input type="text" class="form-control" name="title"
                                                               placeholder="Ex: Travel Pricing Table">
                                                    </th>
                                                </tr>

                                                <tr>
                                                    <th colspan="2" class="text-center"><input type="text"
                                                                                               class="form-control"
                                                                                               name="summer_title"
                                                                                               value="May - Sep">
                                                    </th>

                                                    <th colspan="2" class="text-center"><input type="text"
                                                                                               class="form-control"
                                                                                               name="winter_title"
                                                                                               value="October - April">
                                                    </th>
                                                </tr>

                                                <tr>
                                                    <th class="text-center"><input type="text" class="form-control"
                                                                                   name="summer_single_title"
                                                                                   value="Per person in single room">
                                                    </th>
                                                    <td class="text-center"><input type="number" class="form-control"
                                                                                   name="summer_single_price"></td>

                                                    <th class="text-center"><input type="text" class="form-control"
                                                                                   name="winter_single_title"
                                                                                   value="Per person in single room">
                                                    </th>
                                                    <td class="text-center"><input type="number" class="form-control"
                                                                                   name="winter_single_price"></td>

                                                </tr>

                                                <tr>

                                                    <th class="text-center"><input type="text" class="form-control"
                                                                                   name="summer_double_title"
                                                                                   value="Per person in double room">
                                                    </th>
                                                    <td class="text-center"><input type="number" class="form-control"
                                                                                   name="summer_double_price"></td>

                                                    <th class="text-center"><input type="text" class="form-control"
                                                                                   name="winter_double_title"
                                                                                   value="Per person in double room">
                                                    </th>
                                                    <td class="text-center"><input type="number" class="form-control"
                                                                                   name="winter_double_price"></td>


                                                </tr>
                                                <tr>

                                                    <th class="text-center"><input type="text" class="form-control"
                                                                                   name="summer_triple_title"
                                                                                   value="Per person in triple room">
                                                    </th>
                                                    <td class="text-center"><input type="number" class="form-control"
                                                                                   name="summer_triple_price"></td>


                                                    <th class="text-center"><input type="text" class="form-control"
                                                                                   name="winter_triple_title"
                                                                                   value="Per person in triple room">
                                                    </th>
                                                    <td class="text-center"><input type="number" class="form-control"
                                                                                   name="winter_triple_price"></td>

                                                </tr>




                                                </thead>


                                                <hr>


                                            </table>



                                            <div class="form-group col-md-5">
                                                <label>Cities</label>
                                                <select id="package-city-select"
                                                        name="city_id" class="select2 " multiple data-placeholder="Select Cities"
                                                        data-route="{{route('admin.get.tour.city.hotels')}}" style="width: 100%;">
                                                    @foreach($cities as $city)
                                                        <option value="{{$city->id}}">{{$city->name}}</option>
                                                    @endforeach
                                                </select>
                                            </div>


                                            <div id="package-hotels-container" class="form-group col-md-5">
                                                <label>Hotels</label>
                                                <select id="package-hotels-select" opt-group="false" name="hotels[]" class="select2" multiple data-placeholder="Select Hotels"
                                                        style="width: 100%;">


                                                </select>
                                            </div>



                                        </div>


                                    </div>


                                    <div class="pull-right">
                                        <div class="col-md-offset-1 col-md-5">
                                            {{--<a id="add-new" class="btn btn-danger text-white">New</a>--}}

                                            <button type="submit" class="btn btn-danger">Save</button>
                                        </div>
                                    </div>
                                </div>


                                <!--end messages-->
                                <input type="hidden" name="tour_id" value="{{$tour->id}}"></div>


                        </form>
                    </div>
                </div>


            </div>
            <!-- /.card-body -->
        </div>
    </div>

@endsection

@section('scripts')

    <script src="{{admin_asset_url()}}/crud/pricing.js"></script>

@endsection