@extends('layouts.appuser')




@section('dynamic_css')
    <style>

        .modal-backdrop {
            display: contents;
        }

        @media (max-width: 768px) {

        }

    </style>
@endsection
@section('content')
    <div class="container">
        <div class="row justify-content-center">
            <h3>Tour Details</h3>
        </div>
        <hr>
    </div>


    <div class="container ">
        <div class="row">

            <div class="col-md-12">
                <h6><span style="color: grey;">Name of officer :</span> {{$findEmployee->name}}</h6>
                <h6><span style="color: grey;">Desigantion :</span> {{$findDesignation->designation_name}}</h6>
                @php
                    $start_date=$tour_details->start_date;
                    $con_start_date= strtotime($start_date);
                    $start_date_tour= date("j-F-Y", $con_start_date);
                    $end_date=$tour_details->end_date;
                    $con_end_date= strtotime($end_date);
                    $end_date_tour= date("j-F-Y", $con_end_date);
                    $datediff = strtotime($end_date) - strtotime($start_date);
                    $datediff = floor($datediff/(60*60*24));
                print '<h6><span style="color: grey;">Period :</span>'.$start_date_tour.'  to '.$end_date_tour.'</h6>';


                @endphp
                <hr>

            </div>
        </div>
    </div>
    <input type="hidden" id="date_diff" value="{{$datediff}}">

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

        <div class="row justify-content-center">
            <h3>Tour Dairy</h3>
        </div>
        <hr>

    </div>
    @php
        $l=1;
    @endphp
    @foreach($travel_dairy as $travel_diaries)
        <form method="post" action="{{route('tourDiary')}}" id="form_diary{{$l}}">
            {{csrf_field()}}
            <table class="table">
                <thead class="table-striped">
                <tr style="background-color: #1f6f95;color: white;">
                    <th scope="col">Date</th>
                    <th scope="col">Description</th>
                    <th scope="col">Action</th>


                </tr>
                </thead>

                <td style="width: 161px;">
                    <div class="form-group">
                        <input type="text" name="tour_date" class="form-control"
                               value="{{$travel_diaries->tour_date}}" readonly>
                    </div>
                </td>
                <td>
                    <div class="col-md-4">
                        <div class="form-group">

                            @if(!empty($travel_diaries->tour_description))
                                <textarea style="width: 517px;" class="form-control" name="tour_description"
                                          placeholder="enter description"
                                          readonly="readonly">{{$travel_diaries->tour_description}}</textarea>

                            @endif
                            @if(empty($travel_diaries->tour_description))
                                <textarea style="width: 517px;" class="form-control" name="tour_description"
                                          placeholder="enter description" required></textarea>
                                @if (count($errors) > 0)

                                    @foreach ($errors->all() as $error)
                                        <p style="color:red;">{{ $error }}</p>
                                    @endforeach

                        </div>
                        @endif
                        @endif
                    </div>


                    </div>
                </td>
                <td>
                    <div class="form-group">
                        @if(!empty($travel_diaries->tour_description))

                            <a href="{{url('user/travel/tour-dairy/delete/'.Crypt::encrypt($travel_diaries->id))}}"
                               class="btn btn-danger btn-sm">Delete</a>

                        @endif
                        @if(empty($travel_diaries->tour_description))
                            <button type="submit" name="submit" class="btn btn-primary btn-sm">save</button>
                        @endif
                    </div>
                </td>
                <input type="hidden" name="tour_id" value="{{$tour_details->id}}">
                <input type="hidden" name="employee_code" value="{{$tour_details->employee_code}}">
                </tbody>
            </table>
        </form>
        @php $l++; @endphp
    @endforeach

    {{--<form method="post" action="{{route('tourDiary')}}">--}}
    {{--{{csrf_field()}}--}}
    {{--<div class="container ">--}}


    {{--<div class="row">--}}

    {{--<div class="col-md-4">--}}
    {{--<div class="form-group">--}}
    {{--<input type="text" name="tour_date" class="form-control"--}}
    {{--value="{{$travel_diaries->tour_date}}" readonly>--}}
    {{--</div>--}}


    {{--</div>--}}
    {{-- <div class="col-md-4">
         <div class="form-group">
             @if(!empty($travel_diaries->tour_description))
                 <textarea class="form-control" name="tour_description" placeholder="enter description"
                           readonly="readonly">{{$travel_diaries->tour_description}}</textarea>
             @endif
             @if(empty($travel_diaries->tour_description))
                 <textarea class="form-control" name="tour_description"
                           placeholder="enter description"></textarea>
             @endif
         </div>


     </div>--}}
    {{--<div class="col-md-4">--}}
    {{--<div class="form-group">--}}
    {{--@if(!empty($travel_diaries->tour_description))--}}

    {{--<a href="{{url('user/travel/tour-dairy/delete/'.$travel_diaries->id)}}"--}}
    {{--class="btn btn-danger btn-sm">Delete</a>--}}

    {{--@endif--}}
    {{--@if(empty($travel_diaries->tour_description))--}}
    {{--<button type="submit" name="submit" class="btn btn-primary btn-sm">save</button>--}}
    {{--@endif--}}
    {{--</div>--}}
    {{--</div>--}}
    {{--<input type="hidden" name="tour_id" value="{{$tour_details->id}}">--}}
    {{--<input type="hidden" name="employee_code" value="{{$tour_details->employee_code}}">--}}


    {{--</div>--}}


    {{--</div>--}}
    {{--</form>--}}


    <hr>
    <div class="col-md-12">

        <div class="row justify-content-center">
            <h3>Travel Bill</h3>
        </div>
        <hr>

    </div>
    @php

        $i=1;
        $j = 1;
        $k = 0;

        $count_travel_bill = count($travelBillDetails);

    @endphp
    <style>
        td {
            padding: 0.2rem;
            vertical-align: top;
            border-top: 1px solid #dee2e6;
        }
    </style>
    @foreach($travelBillDetails as $travelBillDetail)

        @if($travelBillDetail->disable==0)


            <form method="post" action="{{route('travelDetails')}}" id="form{{$j}}">
                <table class="table">
                    <thead class="table-striped">
                    <tr style="background-color: #1f6f95;color: white;">
                        <th scope="col" style="width: 105px;">Date</th>
                        <th scope="col">Airfare</th>
                        <th scope="col">Accomodation Bill</th>
                        <th scope="col">Local Travel</th>
                        <th scope="col">Others</th>
                        <th scope="col">Total</th>
                        <th scope="col">Remarks</th>
                        <th scope="col">Action</th>

                    </tr>
                    </thead>
                    <tbody>


                    {{csrf_field()}}
                    <tr>
                        <td>{{$travelBillDetail->tour_date}}</td>


                        <td>

                            <div class="form-group">
                                <input type="text" class="form-control airfare_amount" name="airfare_amount"
                                       placeholder="Enter Amount" value="0">
                            </div>
                            <div class="form-group">
                                <select class="form-control airfare_payment airfare_payment" id="airfare_payment{{$i}}"
                                        name="airfare_payment" data-serial="{{$i}}">
                                    <option value="">Select Payment</option>
                                    <option value="1">Self</option>
                                    <option value="2">Agencies</option>

                                </select>
                            </div>
                            <div class="form-group">
                                <select class="form-control airfare_payment_agencies"
                                        id="airfare_agencies_payment{{$i}}"
                                        name="airfare_payment_agencies" disabled="disabled">
                                    <option value="">Select Agencies</option>
                                    @foreach($tour_agencies as $agencies)
                                        <option value="{{$agencies->id}}">{{$agencies->agency_name}}</option>

                                    @endforeach


                                </select>
                            </div>
                        </td>
                        <td>

                            <div class="form-group">
                                <input type="text" name="accomodation_amount" class="form-control accomodation_amount"
                                       placeholder="Enter Amount" value="0">
                            </div>
                            <div class="form-group">
                                <select class="form-control accomodation_payment" name="accomodation_payment"
                                        id="accomodation_payment{{$i}}" data-serial="{{$i}}">
                                    <option value="">Select Payment</option>
                                    <option value="1">Self</option>
                                    <option value="2">Agencies</option>

                                </select>
                            </div>
                            <div class="form-group">
                                <select class="form-control accomodation_payment_agencies"
                                        name="accomodation_payment_agencies" id="accomodation_agencies_payment{{$i}}"
                                        disabled="disabled">
                                    <option value="">Select Agencies</option>
                                    @foreach($tour_agencies as $agencies)
                                        <option value="{{$agencies->id}}">{{$agencies->agency_name}}</option>

                                    @endforeach


                                </select>
                            </div>
                        </td>
                        <td>

                            <div class="form-group">
                                <input type="text" class="form-control local_travel_amount" name="local_travel_amount"
                                       placeholder="Enter Amount" value="0">
                            </div>
                            <div class="form-group">
                                <select class="form-control local_travel_payment" name="local_travel_payment"
                                        id="local_travel_payment{{$i}}" data-serial="{{$i}}">
                                    <option value="">Select Payment</option>
                                    <option value="1">Self</option>
                                    <option value="2">Agencies</option>

                                </select>
                            </div>
                            <div class="form-group">
                                <select class="form-control local_travel_payment_agencies"
                                        name="local_travel_payment_agencies" id="local_travel_agencies_payment{{$i}}"
                                        disabled="disabled">
                                    <option value="">Select Agencies</option>
                                    @foreach($tour_agencies as $agencies)
                                        <option value="{{$agencies->id}}">{{$agencies->agency_name}}</option>

                                    @endforeach


                                </select>
                            </div>
                        </td>
                        <td>

                            <div class="form-group">
                                <input type="text" class="form-control" name="others_amount" placeholder="Enter Amount"
                                       value="0">
                            </div>
                            <div class="form-group">
                                <select class="form-control others_payment" name="others_payment"
                                        id="others_payment{{$i}}"
                                        data-serial="{{$i}}">
                                    <option value="">Select Payment</option>
                                    <option value="1">Self</option>
                                    <option value="2">Agencies</option>

                                </select>
                            </div>
                            <div class="form-group">
                                <select class="form-control others_payment_agencies" name="others_payment_agencies"
                                        id="others_payment_agencies{{$i}}" disabled="disabled">
                                    <option value="">Select Agencies</option>
                                    @foreach($tour_agencies as $agencies)
                                        <option value="{{$agencies->id}}">{{$agencies->agency_name}}</option>

                                    @endforeach


                                </select>
                            </div>

                        </td>
                        <td>

                            <div class="form-group">
                                <input type="text" class="form-control" name="total" value="0" disabled>
                            </div>

                        </td>

                        <td>
                            <div class="form-group">
                            <textarea type="text" class="form-control remark" name="remark"
                                      placeholder="Remark"></textarea>
                            </div>
                        </td>
                        <input type="hidden" name="travel_bill_id" value="{{$travelBillDetail->id}}">
                        <input type="hidden" name="emp_code" value="{{$travelBillDetail->employee_code}}">
                        <input type="hidden" name="tour_id" value="{{$travelBillDetail->tour_id}}">

                        <td>
                            <div class="form-group">
                                <input type="submit" class="btn btn-primary btn-sm submit bill-btn" id="bill-btn"
                                       value="save" data-btn_serial="{{$j}}">
                            </div>
                        </td>

                    </tr>
                    @endif

                    @if($travelBillDetail->disable==1)

                        <form method="post" action="{{route('travelDetails')}}" id="form{{$j}}">
                            <table class="table">
                                <thead class="table-striped">
                                <tr>
                                    <th scope="col" style="width: 105px;">Date</th>
                                    <th scope="col">Airfare</th>
                                    <th scope="col">Accomodation Bill</th>
                                    <th scope="col">Local Travel</th>
                                    <th scope="col">Others</th>
                                    <th scope="col">Total</th>
                                    <th scope="col">Remarks</th>
                                    <th scope="col">Action</th>

                                </tr>
                                </thead>
                                <tbody>


                                {{csrf_field()}}
                                <tr>

                                    <td>{{$travelBillDetail->tour_date}}</td>
                                    <td>

                                        <div class="form-group">
                                            @foreach($airfares[$k] AS $airfare)
                                                <input type="text" class="form-control airfare_amount"
                                                       name="airfare_amount"
                                                       value="{{$airfare['airfare']}}" disabled="disabled">
                                            @endforeach
                                        </div>
                                        <div class="form-group">

                                            <select class="form-control airfare_payment airfare_payment"
                                                    id="airfare_payment{{$i}}"
                                                    name="airfare_payment" data-serial="{{$i}}" disabled="disabled">
                                                @foreach($airfares[$k] AS $airfare)

                                                    @if($airfare['payment_type']==1)
                                                        <option value="1" selected>Self</option>
                                                    @endif
                                                    @if($airfare['payment_type']==2)
                                                        <option value="1" selected>Agencies</option>
                                                    @endif
                                                @endforeach


                                            </select>
                                        </div>
                                        <div class="form-group">
                                            <select class="form-control airfare_payment_agencies"
                                                    id="airfare_agencies_payment{{$i}}"
                                                    name="airfare_payment_agencies" disabled="disabled">

                                                @foreach($airfareAgencyNames[$k] as $airfareAgencyName)
                                                    @if(empty($airfareAgencyName['agency_name']))
                                                        <option value="">Select Agency</option>

                                                    @else
                                                        <option value="">{{$airfareAgencyName['agency_name']}}</option>
                                                    @endif

                                                @endforeach


                                            </select>
                                        </div>
                                    </td>
                                    <td>

                                        <div class="form-group">
                                            @foreach($accomodations[$k] AS $accomodation)
                                                <input type="text" name="accomodation_amount"
                                                       class="form-control accomodation_amount"
                                                       value="{{$accomodation['accomodation']}}" disabled>

                                            @endforeach

                                        </div>
                                        <div class="form-group">
                                            <select class="form-control accomodation_payment"
                                                    name="accomodation_payment"
                                                    id="accomodation_payment{{$i}}" data-serial="{{$i}}"
                                                    disabled="disabled">
                                                @foreach($accomodations[$k] AS $accomodation)

                                                    @if($accomodation['payment_type']==1)
                                                        <option value="1" selected>Self</option>
                                                    @endif
                                                    @if($accomodation['payment_type']==2)
                                                        <option value="1" selected>Agencies</option>
                                                    @endif
                                                @endforeach

                                            </select>
                                        </div>
                                        <div class="form-group">
                                            <select class="form-control accomodation_payment_agencies"
                                                    name="accomodation_payment_agencies"
                                                    id="accomodation_agencies_payment{{$i}}"
                                                    disabled="disabled">

                                                @foreach($accomodationAgencyNames[$k] as $accomodationAgencyName)
                                                    @if(empty($accomodationAgencyName['agency_name']))
                                                        <option value="">Select Agency</option>

                                                    @else
                                                        <option value="">{{$accomodationAgencyName['agency_name']}}</option>
                                                    @endif

                                                @endforeach


                                            </select>
                                        </div>
                                    </td>
                                    <td>

                                        <div class="form-group">
                                            @foreach($localtravels[$k] AS $localtravel)
                                                <input type="text" class="form-control local_travel_amount"
                                                       name="local_travel_amount"
                                                       value="{{$localtravel->local_travel}}" disabled>

                                            @endforeach

                                        </div>
                                        <div class="form-group">
                                            <select class="form-control local_travel_payment"
                                                    name="local_travel_payment"
                                                    id="local_travel_payment{{$i}}" data-serial="{{$i}}" disabled>
                                                @foreach($localtravels[$k] AS $localtravel)

                                                    @if($localtravel['payment_type']==1)
                                                        <option value="1" selected>Self</option>
                                                    @endif
                                                    @if($localtravel['payment_type']==2)
                                                        <option value="1" selected>Agencies</option>
                                                    @endif
                                                @endforeach

                                            </select>
                                        </div>

                                        <div class="form-group">
                                            <select class="form-control local_travel_payment_agencies"
                                                    name="local_travel_payment_agencies"
                                                    id="local_travel_agencies_payment{{$i}}"
                                                    disabled="disabled">
                                                @foreach($localtravelAgencyNames[$k] AS $localtravelAgencyName)
                                                    @if(empty($localtravelAgencyName['agency_name']))
                                                        <option value="">Select Agency</option>

                                                    @else
                                                        <option value="">{{$localtravelAgencyName['agency_name']}}</option>
                                                    @endif

                                                @endforeach


                                            </select>
                                        </div>
                                    </td>
                                    <td>

                                        <div class="form-group">

                                            @foreach($others_all[$k] AS $others)
                                                <input type="text" class="form-control" name="others_amount"
                                                       value="{{$others->others}}" disabled>

                                            @endforeach

                                        </div>
                                        <div class="form-group">
                                            <select class="form-control others_payment" name="others_payment"
                                                    id="others_payment{{$i}}"
                                                    data-serial="{{$i}}" disabled="">
                                                @foreach($others_all[$k] AS $others)

                                                    @if($others['payment_type']==1)
                                                        <option value="1" selected>Self</option>
                                                    @endif
                                                    @if($others['payment_type']==2)
                                                        <option value="1" selected>Agencies</option>
                                                    @endif
                                                @endforeach

                                            </select>
                                        </div>
                                        <div class="form-group">
                                            <select class="form-control others_payment_agencies"
                                                    name="others_payment_agencies"
                                                    id="others_payment_agencies{{$i}}" disabled="disabled">
                                                @foreach($othersAgencyNames[$k] AS $othersAgencyName)
                                                    @if(empty($othersAgencyName['agency_name']))
                                                        <option value="">Select Agency</option>

                                                    @else
                                                        <option value="">{{$othersAgencyName['agency_name']}}</option>
                                                    @endif

                                                @endforeach
                                            </select>
                                        </div>

                                    </td>
                                    <td>


                                        <div class="form-group">
                                            <input type="text" class="form-control" name="total"
                                                   placeholder="Enter Amount" disabled>
                                        </div>


                                    </td>

                                    <td>
                                        <div class="form-group">
                                            @foreach($remarks[$k] AS $remark)
                                                <textarea type="text" class="form-control remark" name="remark"
                                                          placeholder="Remark" disabled>{{$remark->remark}}</textarea>
                                            @endforeach

                                        </div>
                                    </td>
                                    <input type="hidden" name="travel_bill_id" value="{{$travelBillDetail->id}}">
                                    <input type="hidden" name="emp_code" value="{{$travelBillDetail->employee_code}}">
                                    <input type="hidden" name="tour_id" value="{{$travelBillDetail->tour_id}}">

                                    <td>
                                        <div class="form-group">
                                            <a href="{{url('user/travel/travel-details/delete/'.Crypt::encrypt($travelBillDetail->id))}}"
                                               class="btn btn-danger btn-sm">Delete</a>
                                        </div>
                                    </td>

                                </tr>
                                @endif
                                @php $i++; $k++;@endphp


                                </tbody>
                            </table>
                        </form>
                        @php $j++ @endphp


                        @endforeach


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

                            <div class="row justify-content-center">
                                <a
                                        class="btn btn-primary" id="generate">Generate</a>
                                <a href="{{route('usertravel')}}" class="btn btn-warning">Cancel</a>
                            </div>


                        </div>
                        <input type="hidden" id="travel_id" value="{{$travelBillDetail->tour_id}}">
                        @if(Session::has('tour_diaries_error'))

                            <input type="hidden" id="tour_diaries_error" value="{{Session::get('tour_diaries_error')}}">

                        @endif
                        @if(Session::has('travel_bill_error'))

                            <input type="hidden" id="travel_bill_error" value="{{Session::get('travel_bill_error')}}">

                        @endif
                        @if(Session::has('validation_travel_bill'))

                            <input type="hidden" id="validation_travel_bill" value="{{Session::get('validation_travel_bill')}}">

                        @endif
                        @if(Session::has('airfare'))

                            <input type="hidden" id="airfare_val" value="{{Session::get('airfare')}}">

                        @endif
                        @if(Session::has('accomodation'))

                            <input type="hidden" id="accomodation_val" value="{{Session::get('accomodation')}}">

                        @endif
                        @if(Session::has('local_travel'))

                            <input type="hidden" id="local_travel_val" value="{{Session::get('local_travel')}}">

                        @endif
                        @if(Session::has('others'))

                            <input type="hidden" id="others_val" value="{{Session::get('others')}}">

                        @endif
                        @if(Session::has('all_field'))

                            <input type="hidden" id="all_field" value="{{Session::get('all_field')}}">

                        @endif

                        @endsection


                    @section('dynamic_js')


                        <script>
                            /*$(document).ready(function () {
                             var diff=$('#date_diff').val();


                             for (i=0;i<=diff;i++){

                             $('#airfare_payment'+i).on('change',function () {
                             alert(i);
                             });
                             }


                             });*/

                            $(document).on('change', '.airfare_payment', function () {
                                if ($(this).val() == "1") {
                                    $('#airfare_agencies_payment' + $(this).data('serial')).attr("disabled", "disabled");
                                }
                                else {
                                    $('#airfare_agencies_payment' + $(this).data('serial')).removeAttr("disabled");
                                }
                            });
                            $(document).on('change', '.accomodation_payment', function () {
                                if ($(this).val() == "1") {
                                    $('#accomodation_agencies_payment' + $(this).data('serial')).attr("disabled", "disabled");
                                }
                                else {
                                    $('#accomodation_agencies_payment' + $(this).data('serial')).removeAttr("disabled");
                                }
                            });
                            $(document).on('change', '.local_travel_payment', function () {
                                if ($(this).val() == "1") {
                                    $('#local_travel_agencies_payment' + $(this).data('serial')).attr("disabled", "disabled");
                                }
                                else {
                                    $('#local_travel_agencies_payment' + $(this).data('serial')).removeAttr("disabled");
                                }
                            });
                            $(document).on('change', '.others_payment', function () {
                                if ($(this).val() == "1") {
                                    $('#others_payment_agencies' + $(this).data('serial')).attr("disabled", "disabled");
                                }
                                else {
                                    $('#others_payment_agencies' + $(this).data('serial')).removeAttr("disabled");
                                }
                            });


                            $(document).on('click', '.bill-btn', function () {

                                var btn = $(this).data('btn_serial');
                                $('#bill-btn' + btn).on('click', function () {

                                    $("#form" + btn).submit();
                                });

                            });

                            $('#generate').on('click', function (e) {
                                e.preventDefault();
                                var t_id = $('#travel_id').val();


                                swal({
                                    title: 'Are you sure?',
                                    text: "You won't be able to revert this!",
                                    type: 'warning',
                                    showCancelButton: true,
                                    confirmButtonColor: '#3085d6',
                                    cancelButtonColor: '#d33',
                                    confirmButtonText: "CONFIRM",
                                    cancelButtonText: "CANCEL"
                                }).then((result) => {
                                    if (result.value)
                                {
                                    window.location = "{{url('user/travel/travel-details/generate/')}}/" + t_id;
                                }
                            });

                            });


        @if(Session::has('travel_bill_error'))

            var er_travel_bill = $('#travel_bill_error').val();
                Swal.fire({
                type: 'error',
                title: 'Oops...',
                text:er_travel_bill,

            });
        @endif
        @if(Session::has('tour_diaries_error'))

            var er_tour_dairy = $('#tour_diaries_error').val();

                 Swal.fire({
                      type:'error',
                      title:'Oops...',
                      text:er_tour_dairy,

                  });
            @endif
        @if(Session::has('validation_travel_bill'))

            var validation_travel_bill = $('#validation_travel_bill').val();

                Swal.fire({
                   type:'error',
                   title:'Oops...',
                   text:validation_travel_bill,

            });
        @endif

                          @if(Session::has('airfare'))

                            var airfare = $('#airfare_val').val();

                            Swal.fire({
                                type:'error',
                                title:'Oops...',
                                text:airfare,

                            });
                          @endif

                           @if(Session::has('accomodation'))

                                var accomodation = $('#accomodation_val').val();

                                Swal.fire({
                                    type:'error',
                                    title:'Oops...',
                                    text:accomodation,

                                });
                            @endif
                           @if(Session::has('local_travel'))

                            var local_travel = $('#local_travel_val').val();

                            Swal.fire({
                                type:'error',
                                title:'Oops...',
                                text:local_travel,

                            });
                            @endif
                            @if(Session::has('others'))

                            var others = $('#others_val').val();

                            Swal.fire({
                                type:'error',
                                title:'Oops...',
                                text:others,

                            });
                            @endif
                            @if(Session::has('all_field'))

                                var all_field = $('#all_field').val();

                                Swal.fire({
                                    type:'error',
                                    title:'Oops...',
                                    text:all_field,

                                });
                            @endif



        </script>





@endsection