@extends('portal.layout.app')
<link rel="stylesheet" href="{{ URL::asset('assets/css/global.css') }}">
<link rel="stylesheet" href="{{ URL::asset('assets/css/input.css') }}">
<link rel="stylesheet" href="{{ URL::asset('assets/plugins/bootstrap/css/bootstrap.min.css') }}">
<!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/css/bootstrap-select.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> -->
@section('content')
<style>
    #wrapper, #footer .content{
        width: 1271px !important;
    }
    .select select{
        background-color: white;
    }
    html, body{
        background: #ffffff url(../images/backgrounds/bgtile_body.gif) top repeat-x scroll !important;
    }
    body, td{
        /*background: unset !important;*/
    }
    input:disabled+label {
        color: #343434;
    }
    .material-textfield input{
        background: white;
    }
    textarea {
        border:1px solid #d8dcdf !important;
        resize: none !important;
    } 
   .notification_custom {
      bottom: 6% !important;
      margin-top: 0px !important;
      margin-right: auto !important;
      margin-left: auto !important;
   }
    .footer_description {
        float: left;
        padding: 5px;
        margin-left:5px;
    }
    .footer_txt {
        display: block;
    }
    .select-text:valid:not(focus) ~ .select-label {
        font-size: 10.3px !important;
    }
    .universal_table{
        margin-bottom: 11px !important;
        padding-left:  10px !important;
        margin-top:  10px !important;
    }
    .table table tbody tr td {
        padding: 2.5px !important;
    }
    .info_section table tbody tr td {
        padding: 0px !important;
    }
    .comnts {
        width: 125%;
        margin-top: -0px;
        background: white !important;
        height: 32px;
    }
    .accomodation{
        width: 209px !important;
    }
    ::placeholder {
      color: transparent;
    }
    .select_width {
        /*width: 25% !important;*/
        width: 172px !important;
    }
    .select_date .select_width{
        width: 160px !important;
    }
    .select_date:after {
        margin-right: 98px;
    }
    .fonts {
        font-size: 11px !important;
    }
    .set_margin{
        margin-left: 136px;
    }
    .select:after {
        top: 13px !important;
        border-top: 6px solid #343434;
    }
    .dropdown_height {
        height: 26px !important;
        line-height: 11px !important;
        padding-left: 9px;
    }
    select{
        height: 28px !important;
    }
    .font_size_thirteen {
        font-size: 12px;
    }
    .universal_box {
    width: 1189px !important;
    margin-left: 15px !important;
    }
    .approval_header {
      width: 1189px !important; margin-left: 15px !important; 
    }
    .table tbody tr td {
        border: 1px solid transparent;
    }
    #confirm_popup {
        padding-right: unset !important;
        margin-right: -350px !important;
    }
    .dropdown-toggle
    {
        border: unset !important;
        padding: unset !important;
    }
    .multi-lable
    {
        top: 6%;
    }
    .dropdown-toggle
    {
        box-shadow: unset !important;
        background-color: unset !important;
        outline: unset !important;
    }
    .dropdown-toggle:focus
    {
        outline: none !important;
        outline-offset: unset !important;
    }
    .bs-caret
    {
        display: none;
    }
    .multi_dropdown_color
    {
        color: #3080EA;
        opacity: 1;
    }
    .multi_dropdown_color_border
    {
        border: 1px solid #3080EA;
        border-radius: 4px;
    }
    select.big, .tbl_dropdown{
        -webkit-appearance: none;
        color: gray;
        position: relative;
        font-family: inherit;
        background-color: transparent;
        width: 167px;
        height: 30px;
        padding: 1px 5px 1px 5px;
        font-size: 14px;
        border-radius: 4px;
        border: 1px solid #d8dcdf;
        background-image: none !important;
    }

    select[name="departure_time[]"] {
        width: 100px;
    }

    select[name="transport_mode[]"] {
        width: 120px;
    }

    table tbody td input {
        display: inline-block;
        background: url('/assets/images/backgrounds/input-back.gif') repeat-x left top;
        border: 1px solid #dcdcdc;
        outline: 0;
        padding: 2px;
        margin: 0;
        font: 12px/1.2em Arial;
        width: 97%;
        height: 30px;
    }

    #wrapper #container {
        margin-top: 34px;
        position: relative;
        /*padding: 12px 2px 20px 7px;*/
    }

    #wrapper {
        text-align: left;
    }

    h1:first-child {
        margin: -3px 0 0;
    }

    h1{
        font: 12px Arial, Tahoma, Verdana;
        color: #0096dc;
        font-weight: 600;
        margin-bottom: 5px !important;
        padding: 0px 0 5px 7px;
    }

    .gray {
        color: #666666;
    }

    #wrapper #container .section {
       float: left;
        background: #FFFFFF;
        width: 1241px;
    }

    #wrapper #container .section .box {
        display: block;
        margin: 0 5px 10px 5px;
        zoom: 1;
        background: white;
        border: 1px solid #e7e7e7;
        border-spacing: 0;
        -webkit-border-radius: 4px 4px 0 0;
    }

    #wrapper #container .section .box .title {
        display: block;
        position: relative;
        /*background: url('/assets/images/backgrounds/box-title.gif') repeat-x left top !important;*/
        padding: 8px 10px 0;
        font: 12px/1em Verdana, Arial, Tahome;
        color: #333333;
        height: 30px;
        font-weight: 600;
    }
    .title {
    background: transparent linear-gradient(180deg, #F7F7F7 0%, #D6D6D6 100%) 0% 0% no-repeat padding-box !important;
    opacity: 1 !important;
    height: 28px !important;
    }

    #wrapper #container .section .box {
        border-spacing: 0;
    }

    #wrapper #container .section .box .content {
        display: block;
        padding: 5px;
        padding-right: 15px;
        padding-left: 15px;
    }

    #container form div {
        display: block;
        position: relative;
        border: none;
        line-height: 20px;
        padding: 0;
    }

    label.row-title {
        font-weight: bold;
        color: #4c4c4c;
    }

    form div .right {
        display: block;
        margin: 0 0 0 35%;
        padding-left: 10px;
        border-left: 1px solid #eee;
    }

    form div.subtitle {
        text-indent: 9px;
        font-weight: bold;
        background: #e0e0e0;
    }

    textarea {
        display: inline-block;
        background: url(../gfx/input-back.gif) repeat-x left top;
        border: 1px solid #dcdcdc;
        resize: vertical;
        outline: 0;
        overflow: auto;
        padding: 2px;
        margin: 2px;
        font: 12px/1.5em Arial;
        width: 92%;
    }

    form div.inner-table {
        padding: 7px;
    }

    #wrapper #container .section .box .footer, .update_location_footer {
        display: block;
        position: relative;
        background: #e6e6e6;
        padding: 6px 10px 4px;
        font: 12px/1em Verdana, Arial, Tahome;
        color: #333333;
        height: 27px;
    }

    #wrapper #container .section .box .footer #button-list, .update_location_footer #button-list{
        margin-top: 1px;
        text-align: right;
        width: 100% !important;
        list-style: none;
        display: inline-block;
    }

    #button-list a {
        position: relative;
        padding: 2px 6px 2px 6px;
        border: 1px solid #e6e6e6;
        background: #fcfcfc url('/assets/images/backgrounds/btn_bgtile.gif') repeat-x;
        font: 12px Tahoma, Arial, Verdana;
        color: #0078bd;
        margin: 5px 0 5px 2px;
        text-decoration: none;
    }

    a, a:link {
        outline: none;
    }

    .update_location_footer {
        margin-top: 10px;
        height: 31px;
    }

    #location_form .input_div {
        margin: 20px 0px 0px 0px !important;
    }

    label {
        font-size: 12px;
    }

    .modal-header {
        padding-top: 7px;
    }

    body {
        font-size: 12px;
    }
    #reasonModal .modal-content {
        margin-left: 102px !important
    }
    .footr {
        margin-top: 2px;
    }

    .float-right {
        float: right!important;
    }
    .disbursement_modal_footer {
        width: 498px;
        margin-left: -15px;
    }
    .search_btn {
        margin-left: unset;
    }
    .mt-1 {
        margin-top: 0.25rem!important;
    }
    .mb-12 {
        margin-bottom: 1.5rem;
    }
    #reasonModal label, #locationModal label {
        font-weight: unset;
    }

    .file-input {
        cursor: pointer;
        opacity: 0;
        margin-left: -179px;
    }

    .file-btn {
        background: url('../assets/images/backgrounds/Attachment.svg') no-repeat left top !important;
        text-align: right;
        background-size: cover !important;
        width: 21px;
        height: 21px;
        background-position: right center;
        display: inline-block;
        margin-bottom: -6px;
        overflow: hidden;
        margin-left: 456px;
        margin-top: 1px;
        position: absolute;
        float: right;
    }

    .datepicker {
        left: 40% !important;
        position: absolute !important;
        z-index: 9999;
    }

    .datepicker.dropdown-menu {
        padding: 0 !important;
    }
    table.zebra {
        width: 100%;
    }

    table.zebra thead tr th, table.zebra tbody td {
        border: 1px solid #e6e6e6;
        white-space: nowrap;
        padding: 5px 7px 5px 7px;
        line-height: 1.6em;
        transition: 0.3s;
    }

    table.zebra thead tr th {
        color: #4d4d4d;
    }

    .table-condensed > tbody > tr > td {
        padding: 11px 13px;
    }
    body ,td{
        /*background: white !important;*/
    }
    th
    {
        border-top: unset !important;
    }
    .approavl_box
    {
            margin-left: 163px !important;   
    }
</style>
<div class="breadcrum">
    Travel / Travel Applications / <span class="text-primary">Application Detail</span>
</div>
<div id="container" >
	<div class="section" style="margin-left:15px;">
        <!-- <p class="alert show_response" style="width: 100%;padding: 5px;margin-top: 3px;margin-bottom: 10px;display: none;"></p> -->
		<div>
<!--         @if ($data['error'])
            <p class="alert alert-danger" style="width: 100%;padding: 5px;margin-top: 3px;margin-bottom: 10px;">{{$data['error']}}</p>
        @endif
        @if ($data['message'] || Session::get('message'))
            <p class="alert alert-success" style="width: 100%;padding: 5px;margin-top: 3px;margin-bottom: 10px;">@if($data['message']) {{$data['message']}} @else {{Session::get('message')}} @endif</p>
        @endif -->
            <div class="box">
                <div class="title">
                    Application Details
                </div>
                <div class="content">
                    <form action="{{ url('/travel/cr_travel_view?id=').request()->id }}" method="post" class="zebra" name="hr_tavel_edit" id="hr_tavel_edit">
                        @csrf
                    <!-- personal info start -->
                    <div class="row">
                       <div class="col-md-12">
                            <div class="approval_header" style="margin-top:10px;">
                                <div class="approval_header_text" style="padding-top: 6px;">Personal Information</div>
                            </div>
                       </div>
                   </div>
                    <div class="row">
                       <div class="col-md-12">
                          <div class="universal_box">
                             <div class="table universal_table" id="universal_table" style="margin-bottom:0px !important; margin-top:2px !important;background-color: white;" >
                                <table class="table info_section">
                                   <tbody >
                                        <tr>
                                            <td><b class="margin_left_fifteen font_size_thirteen">Employee ID:</b></td>
                                            <td></td>
                                            <td><div class="margin_left">{{ $data['travel']->empcode }}</div></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td><b class="margin_left_fifteen font_size_thirteen">Employee Name:</b></td>
                                            <td></td>
                                            <td><div class="margin_left">{{ $data['travel']->name }}</div></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td><b class="margin_left_fifteen font_size_thirteen">Department:</b></td>
                                            <td></td>
                                            <td><div class="margin_left">{{ $data['travel']->department_name }}</div></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td><b class="margin_left_fifteen font_size_thirteen">Designation</b></td>
                                            <td></td>
                                            <td><div class="margin_left">{{ $data['travel']->designation }}</div></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                   </tbody>
                                </table>
                             </div>
                          </div>
                       </div>
                    </div>
                    <!-- personal info end -->
                    <!-- travel details start -->
                    <div class="row">
                       <div class="col-md-12">
                            <div class="approval_header">
                                <div class="approval_header_text" style="padding-top: 6px;">Travel Details</div>
                            </div>
                       </div>
                   </div>
                    <div class="row">
                       <div class="col-md-12">
                          <div class="universal_box">
                             <div class="table universal_table" id="universal_table" style="background-color: white;">
                                <table class="table">
                                   <tbody >
                                        <tr style="background-color: white !important;">
                                            <td style="width: 25%; background-color: white;">
                                                <div class="material-textfield margin_top_ten" style="margin-left: 7px;">
                                                <input type="text" disabled name="origin[]" autocomplete="off" field-type="origin" field-id="{{$data['travel']->added}}" placeholder="{{ dateFromat($data['travel']->added) }}}" value="{{ dateFromat($data['travel']->added) }}" class="dropdown_height">
                                                <label class="font_size_twelve fonts">Application Date</label>
                                            </div>
                                            </td>
                                            <td style="width: 25%; background-color: white;"">
                                                <!-- row col-md-12 -->
                                                <!-- style="margin-left:150px;" -->
                                                <div class="material-textfield margin_top_ten">
                                                    <div class="select select_width" style="width: 97% !important;" >
                                                        <select name="business_trip" id="business_trip" class="select-text dropdown_height select_width" style="width: 100% !important;">
                                                            <option value="">Select</option>
                                                            @foreach ($data["business_trip"] as $business_trip)
                                                                @if ($business_trip->id == $data['travel']->purpose)
                                                                    <option label="{{$data['travel']->purpose}}" value="{{$business_trip->id}}" selected>{{$business_trip->description}}</option>
                                                                @else
                                                                    <option label="{{$business_trip->description}}" value="{{$business_trip->id}}">{{$business_trip->description}}</option>
                                                                @endif
                                                            @endforeach
                                                        </select>
                                                        <label class="select-label">Purpose of Travel</label>
                                                    </div>
                                                </div>
                                            </td>
                                            <td style="width: 25%; background-color: white;"">
                                                <div class="material-textfield margin_top_ten">
                                                <input disabled type="text" readonly name="origin[]" autocomplete="off" field-type="origin" field-id="{{$data['travel']->travel_title}}" placeholder="{{ $data['travel']->travel_title }}}" value="{{ $data['travel']->travel_title }}" readonly class="dropdown_height">
                                                <label class="font_size_twelve fonts">Travel Scope</label>
                                            </div>
                                            </td>
                                            <td style="width: 25%; background-color: white;"" >
                                                <div class="material-textfield margin_top_ten" style="margin-right: 16px;">
                                                    <div class="select select_width" style="width: 100% !important;" >
                                                       <select name="reasons" id="reasons" class="select-text dropdown_height select_width" style="width: 100% !important;">
                                                            <option value="">Select</option>
                                                            @foreach ($data["reasons"] as $reasons)
                                                                @if ($reasons->reason == $data['travel']->reasons)
                                                                    <option label="{{$reasons->reason}}" value="{{$reasons->reason}}" selected>{{$reasons->reason}}</option>
                                                                @else
                                                                    <option label="{{$reasons->reason}}" value="{{$reasons->reason}}">{{$reasons->reason}}</option>
                                                                @endif
                                                            @endforeach
                                                        </select>
                                                        <label class="select-label">Reason of Travel</label>
                                                    </div>
                                                </div>
                                            </td>
                                            <!-- <td><b class=" font_size_thirteen">Application Date:</b></td> -->
                                            <!-- <td></td> -->
                                            <!-- <td><div class="set_margin">{{ dateFromat($data['travel']->added) }}</div></td> -->
                                            <!-- <td></td> -->
                                            <!-- <td></td> -->
                                        </tr>
                                       <!--  <tr style="background-color: white !important;">
                                            <td><b class=" font_size_thirteen">Purpose of Travel:</b></td>
                                            <td></td>
                                            <td>
                                                <div class="row col-md-12">
                                                    <div class="select select_width" style="margin-left:150px;">
                                                        <select name="business_trip" id="business_trip" class="select-text dropdown_height select_width">
                                                            <option value="">Select</option>
                                                            @foreach ($data["business_trip"] as $business_trip)
                                                                @if ($business_trip->id == $data['travel']->purpose)
                                                                    <option label="{{$data['travel']->purpose}}" value="{{$business_trip->id}}" selected>{{$business_trip->description}}</option>
                                                                @else
                                                                    <option label="{{$business_trip->description}}" value="{{$business_trip->id}}">{{$business_trip->description}}</option>
                                                                @endif
                                                            @endforeach
                                                        </select>
                                                        <label class="select-label">Purpose of Travel</label>
                                                    </div>
                                                </div>
                                            </td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr style="background-color: white !important;">
                                            <td><b class=" font_size_thirteen">Travel Scope</b></td>
                                            <td></td>
                                            <td><div class="set_margin">{{ $data['travel']->travel_title }}</div></td>
                                            <td></td>
                                            <td></td>
                                        </tr> -->
                                        <!-- <tr style="background-color: white !important;">
                                            <td><b class=" font_size_thirteen">Briefly State Reason:</b></td>
                                            <td></td>
                                            <td>
                                                <div class="row col-md-12">
                                                    <div class="select select_width" style="margin-left:150px;">
                                                        <select name="reasons" id="reasons" class="select-text dropdown_height select_width">
                                                            <option value="">Select</option>
                                                            @foreach ($data["reasons"] as $reasons)
                                                                @if ($reasons->reason == $data['travel']->reasons)
                                                                    <option label="{{$reasons->reason}}" value="{{$reasons->reason}}" selected>{{$reasons->reason}}</option>
                                                                @else
                                                                    <option label="{{$reasons->reason}}" value="{{$reasons->reason}}">{{$reasons->reason}}</option>
                                                                @endif
                                                            @endforeach
                                                        </select>
                                                        <label class="select-label">Reason of Travel</label>
                                                    </div>
                                                </div>
                                            </td>
                                            <td></td>
                                            <td></td>
                                        </tr> -->
                                   </tbody>
                                </table>
                             </div>
                          </div>
                       </div>
                    </div>
                    <!-- travel details end -->  
                    <!-- transportation arrangement start -->
                    @if ($data['edit_id'] > 0)
                    <div class="row">
                       <div class="col-md-12">
                            <div class="approval_header">
                                <div class="approval_header_text" style="padding-top: 6px;">Transportation Arrangement</div>
                            </div>
                       </div>
                   </div>
                    <div class="row">
                       <div class="col-md-12">
                          <div class="universal_box">
                             <div class="table universal_table" id="universal_table">
                                <table class="table">
                                   <tbody >
                                    @foreach ($data['travel_detail'] as $travel_detail)
                                    <tr>
                                        <td style="background-color: white;">
                                            <div class="material-textfield margin_top_ten" style="margin-left: 7px;">
                                                <input type="text" name="origin[]" autocomplete="off" field-type="origin" field-id="{{$travel_detail->id}}" placeholder="{{ $travel_detail->origin }}" value="{{$travel_detail->origin}}" class="dropdown_height">
                                                <label class="font_size_twelve fonts">Origin</label>
                                            </div>
                                        </td>
                                        <td style="background-color: white;">
                                            <div class="material-textfield margin_top_ten">
                                                <input type="text" class="dropdown_height" name="destination[]" autocomplete="off" field-type="destination" field-id="{{$travel_detail->id}}" placeholder="{{ $travel_detail->destination }}" value="{{$travel_detail->destination}}">
                                                <label class="font_size_twelve fonts">Destination</label>
                                            </div>
                                        </td>
                                         <td style="background-color: white;">
                                            <div class="material-textfield margin_top_ten">
                                                <input type="text" class="dropdown_height dateselect" name="trv_date[]" autocomplete="off" placeholder="{{ dateFromat(\Carbon\Carbon::now()) }}" value="{{dateFromat($travel_detail->date)}}">
                                                <label class="font_size_twelve fonts">Date</label>
                                            </div>
                                        </td>
                                        <td style="width:10% !important; background-color: white;">
                                            <div class="select select_width margin_top_ten select_box">
                                                <select name="departure_time[]" class="select-text dropdown_height select_width">
                                                    <option value="" >Select Time</option>
                                                    @foreach ($data["times"] as $times)
                                                        @if ($times == $travel_detail->departure_time)
                                                            <option label="{{$times}}" value="{{$times}}" selected>{{$times}}</option>
                                                        @else
                                                            <option label="{{$times}}" value="{{$times}}">{{$times}}</option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                                <label class="select-label font_size_twelve">Preferred Time</label>
                                            </div>
                                        </td>
                                        <td style="width:10% !important; background-color: white;">
                                            <div class="select select_width margin_top_ten select_box">
                                                <select class="select-text dropdown_height select_width" name="transport_arrang[]" type="text">
                                                    <option value="" >Select Arrangement</option>
                                                    @foreach ($data["transport_arrang"] as $transport_arrang)
                                                        @if ($transport_arrang->id == $travel_detail->transport_arrang)
                                                            <option label="{{$transport_arrang->description}}" value="{{$transport_arrang->id}}" selected>{{$transport_arrang->description}}</option>
                                                        @else
                                                            <option label="{{$transport_arrang->description}}" value="{{$transport_arrang->id}}">{{$transport_arrang->description}}</option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                                <label class="select-label font_size_twelve">Arrangement</label>
                                            </div>
                                        </td>
                                        <td style="width:10% !important; background-color: white;">
                                            <div class="select select_width margin_top_ten select_box">
                                                <select class="select-text dropdown_height select_width" name="transport_mode[]" type="text">
                                                    <option value="" >Select Mode</option>
                                                    @foreach ($data["transport_mode"] as $transport_mode)
                                                        @if ($transport_mode->id == $travel_detail->transport_mode)
                                                            <option label="{{$transport_mode->description}}" value="{{$transport_mode->id}}" selected>{{$transport_mode->description}}</option>
                                                        @else
                                                            <option label="{{$transport_mode->description}}" value="{{$transport_mode->id}}">{{$transport_mode->description}}</option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                                <label class="select-label font_size_twelve">Mode of Transportation</label>
                                            </div>
                                        </td>
                                        <td style="width: 3% !important; background-color: white;">
                                            <a href="javascript:post(this,'delete_tar',{{$travel_detail->id}});"><img width="15" height="15" border="0" src="{{asset('images/delete.gif')}}" alt="Delete" style="margin-top:15px;"></a>
                                        </td>
                                        <input type="hidden" name="tar_trans_id[]" value="{{$travel_detail->id}}" />
                                    </tr>
                                    @endforeach
                                   </tbody>
                                </table>
                             </div>
                          </div>
                       </div>
                    </div>
                    <!-- transportation arrangement end --> 
                    <!-- accomodation arrangement start -->
                    <div class="row">
                       <div class="col-md-12">
                            <div class="approval_header">
                                <div class="approval_header_text" style="padding-top: 6px;">Accomodation Arrangement</div>
                            </div>
                       </div>
                   </div>
                    <div class="row">
                       <div class="col-md-12">
                          <div class="universal_box">
                             <div class="table universal_table" id="universal_table">
                                <table class="table">
                                   <tbody >
                                    @foreach ($data['travel_accomo_detail'] as $key => $travel_accomo_detail)
                                    <tr>
                                        <td style="background-color: white;">
                                            <div class="material-textfield margin_top_ten" style="margin-left: 7px;">
                                                <input type="text" name="station[]" autocomplete="off" field-type="station" field-id="{{$travel_accomo_detail->id}}" placeholder="{{ $travel_accomo_detail->station }}" value="{{$travel_accomo_detail->station}}" class="dropdown_height">
                                                <label class="font_size_twelve fonts">Station</label>
                                            </div>
                                        </td>
                                        <td style="background-color: white;">
                                            <div class="material-textfield margin_top_ten">
                                                <input type="text" name="check_in_date[]" autocomplete="off" placeholder="{{ dateFromat(\Carbon\Carbon::now()) }}" value="{{dateFromat($travel_accomo_detail->check_in_date)}}" class="dropdown_height dateselect">
                                                <label class="font_size_twelve fonts">From</label>
                                            </div>
                                        </td>
                                         <td style="background-color: white;">
                                            <div class="material-textfield margin_top_ten">
                                                <input type="text" name="check_out_date[]" autocomplete="off" placeholder="{{ dateFromat(\Carbon\Carbon::now()) }}" value="{{dateFromat($travel_accomo_detail->check_out_date)}}" class="dropdown_height dateselect">
                                                <label class="font_size_twelve fonts">To</label>
                                            </div>
                                        </td>
                                        <td style="width:10% !important; background-color: white;">
                                            <div class="select accomodation margin_top_ten select_box">
                                                <select name="accomodation_arrang[]" type="text" class="select-text dropdown_height accomodation">
                                                    <option value="" >Select Arrangement</option>
                                                    @foreach ($data["accomodation_arrang"] as $accomodation_arrang)
                                                        @if ($accomodation_arrang->id == $travel_accomo_detail->accomodation_arrang)
                                                            <option label="{{$accomodation_arrang->description}}" value="{{$accomodation_arrang->id}}" selected>{{$accomodation_arrang->description}}</option>
                                                        @else
                                                            <option label="{{$accomodation_arrang->description}}" value="{{$accomodation_arrang->id}}">{{$accomodation_arrang->description}}</option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                                <label class="select-label font_size_twelve">Arrangement</label>
                                            </div>
                                        </td>
                                        <td style="width:10% !important; background-color: white;">
                                            <div class="select margin_top_ten select_box accomodation">
                                                <select name="accomodation_mode[]" type="text" class="select-text dropdown_height accomodation">
                                                    <option value="" >Select Mode</option>
                                                    @foreach ($data["accomodation_mode"] as $accomodation_mode)
                                                        @if ($accomodation_mode->id == $travel_accomo_detail->accomodation_mode)
                                                            <option label="{{$accomodation_mode->description}}" value="{{$accomodation_mode->id}}" selected>{{$accomodation_mode->description}}</option>
                                                        @else
                                                            <option label="{{$accomodation_mode->description}}" value="{{$accomodation_mode->id}}">{{$accomodation_mode->description}}</option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                                <label class="select-label font_size_twelve">Mode of Accomodation</label>
                                            </div>
                                        </td>                                    
                                        <td style="width: 3% !important; background-color: white;">
                                        <a href="javascript:post(this,'delete_accom',{{$travel_accomo_detail->id}});"><img width="15" height="15" border="0" src="{{asset('images/delete.gif')}}" alt="Delete" style="margin-top:15px;"></a>
                                        </td>
                                        <input type="hidden" name="tar_accom_id[]" value="{{$travel_accomo_detail->id}}" />
                                    </tr>
                                    @endforeach
                                   </tbody>
                                </table>
                             </div>
                          </div>
                       </div>
                    </div>
                    @endif
                    <!-- accomodation arrangement end --> 
                    <!-- travel advance request start -->
                    <div class="row">
                       <div class="col-md-12">
                            <div class="approval_header">
                                <div class="approval_header_text" style="padding-top: 6px;">Travel Advance Request</div>
                            </div>
                       </div>
                   </div>
                    <div class="row">
                       <div class="col-md-12">
                          <div class="universal_box">
                             <div class="table universal_table" id="universal_table">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th style="padding-left: 10px !important;">Type
                                            </th>
                                            <th >Currency
                                            </th>
                                            <th  >Amount
                                            </th>
                                        </tr>
                                        <tr>
                                    </thead>
                                   <tbody >
                                    <tr>
                                        <td style="background-color: white;">
                                            <div class="material-textfield margin_top_ten" style="margin-left: 7px;">
                                                <input type="text" value="Transportation Expense" class="dropdown_height" disabled>
                                                <!-- <label class="font_size_twelve fonts">Type</label> -->
                                            </div>
                                        </td>
                                        <td style="background-color: white;">
                                            <div class="material-textfield margin_top_ten">
                                                <input type="text" value="{{$data['proll_travel_expense_detail']->transportation_expense_currency}}" class="dropdown_height" disabled>
                                                <!-- <label class="font_size_twelve fonts">Currency</label> -->
                                            </div>
                                        </td>
                                         <td style="background-color: white;">
                                            <div class="material-textfield margin_top_ten" style="    margin-right: 5px;">
                                                <input type="text" name="advance_amount[]" autocomplete="off" placeholder="Amount" value="{{$data['proll_travel_expense_detail']->transportation_expense_amount}}" class="dropdown_height">
                                                <!-- <label class="font_size_twelve fonts">Amount</label> -->
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="background-color: white;">
                                            <div class="material-textfield margin_top_ten" style="margin-left: 7px;">
                                                <input type="text" value="Accommodation Expense" class="dropdown_height" disabled>
                                                <!-- <label class="font_size_twelve fonts">Type</label> -->
                                            </div>
                                        </td>
                                        <td style="background-color: white;">
                                            <div class="material-textfield margin_top_ten">
                                                <input type="text" value="{{$data['proll_travel_expense_detail']->accommodation_expense_currency}}" class="dropdown_height" disabled>
                                                <!-- <label class="font_size_twelve fonts">Currency</label> -->
                                            </div>
                                        </td>
                                         <td style="background-color: white;">
                                            <div class="material-textfield margin_top_ten"  style="    margin-right: 5px;">
                                                <input type="text" name="advance_amount[]" autocomplete="off" placeholder="Amount" value="{{$data['proll_travel_expense_detail']->accommodation_expense_amount}}" class="dropdown_height">
                                                <!-- <label class="font_size_twelve fonts">Amount</label> -->
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="background-color: white;">
                                            <div class="material-textfield margin_top_ten" style="margin-left: 7px;">
                                                <input type="text" value="Daily Expense" class="dropdown_height" disabled>
                                                <!-- <label class="font_size_twelve fonts">Type</label> -->
                                            </div>
                                        </td>
                                        <td style="background-color: white;">
                                            <div class="material-textfield margin_top_ten">
                                                <input type="text" value="{{$data['proll_travel_expense_detail']->daily_expense_currency}}" class="dropdown_height" disabled>
                                                <!-- <label class="font_size_twelve fonts">Currency</label> -->
                                            </div>
                                        </td>
                                         <td style="background-color: white;">
                                            <div class="material-textfield margin_top_ten"  style="    margin-right: 5px;">
                                                <input type="text" name="advance_amount[]" autocomplete="off" placeholder="Amount" value="{{$data['proll_travel_expense_detail']->daily_expense_amount}}" class="dropdown_height">
                                                <!-- <label class="font_size_twelve fonts">Amount</label> -->
                                            </div>
                                        </td>
                                    </tr>
                                    <!-- <tr>
                                        <td style="width:20%">
                                            @if (request()->id != '')
                                            <div class="select accomodation margin_top_ten select_box">
                                                <select name="currency_id" class="select-text dropdown_height accomodation">
                                                    @foreach ($data["currencies"] as $currencies)
                                                        @if ($currencies->id == $data['travel']->currency_id)
                                                            <option label="{{$currencies->symbol}}" value="{{$currencies->id}}" selected>{{$currencies->symbol}}</option>
                                                        @else
                                                            <option label="{{$currencies->symbol}}" value="{{$currencies->id}}">{{$currencies->symbol}}</option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                                <label class="select-label font_size_twelve">Currency</label>
                                            </div>
                                            @else
                                            <div class="select accomodation margin_top_ten select_box">
                                                <select name="currency_id" class="select-text dropdown_height accomodation">
                                                    @foreach ($data["currencies"] as $currencies)
                                                        @if ($currencies->id == $data['currency_id'])
                                                            <option label="{{$currencies->symbol}}" value="{{$currencies->id}}" selected>{{$currencies->symbol}}</option>
                                                        @else
                                                            <option label="{{$currencies->symbol}}" value="{{$currencies->id}}">{{$currencies->symbol}}</option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                                <label class="select-label font_size_twelve">Currency</label>
                                            </div>
                                            @endif
                                        </td>
                                        <td>
                                            @if (request()->id != '')
                                            <div class="material-textfield margin_top_ten" style="width:216px;">
                                                <input type="text" class="dropdown_height input onlynum" name="amount" id="amount" value="{{$data['travel']->amount}}">
                                                <label class="font_size_twelve fonts" style="margin: -1px 0.5rem !important;">Amount</label>
                                            </div>
                                            @else
                                            <div class="material-textfield margin_top_ten" style="width:216px;">
                                                <input type="text" class="dropdown_height input onlynum" name="amount" id="amount" value="{{$data['amount']}}">
                                                <label class="font_size_twelve fonts" style="margin: -1px 0.5rem !important">Amount</label>
                                            </div>
                                            @endif
                                        </td>
                                        <td></td>
                                        <td></td>
                                    </tr> -->
                                   </tbody>
                                </table>
                             </div>
                          </div>
                       </div>
                    </div>
                    <!-- travel advance end --> 
                    <!-- approval detail start -->
                    <div class="row">
                       <div class="col-md-12">
                            <div class="approval_header">
                                <div class="approval_header_text" style="padding-top: 6px;">Approval details</div>
                            </div>
                       </div>
                   </div>
                    <div class="row">
                       <div class="col-md-12">
                          <div class="universal_box">
                             <div class="table universal_table" id="universal_table">
                                <table class="table" style="border:none !important; margin-bottom:10px !important">
                                   <tbody >
                                        <tr>
                                            <td><b class="margin_left_fifteen font_size_thirteen">LM Status:</b></td>
                                            <!-- <td></td> -->
                                            <td>
                                                <div class="margin_left approavl_box">
                                                    @if ($data['travel']->lm_status == 1)
                                                        <span style="margin-left: 0px !important; color:#ffa922">Pending</span>
                                                    @elseif ($data['travel']->lm_status == 2)
                                                        <span style="margin-left: 0px !important; color:#1BC167">Approved</span>
                                                    @elseif ($data['travel']->lm_status == 3)
                                                        <span style="margin-left: 0px !important; color:#f35e46">Disapproved</span>
                                                    @endif
                                                </div>
                                            </td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td><b class="margin_left_fifteen font_size_thirteen">Dated:</b></td>
                                            <!-- <td></td> -->
                                            <td><div class="margin_left approavl_box">{{ dateFromat($data['travel']->lm_date) }} </div></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td><b class="margin_left_fifteen font_size_thirteen">LM Comments:</b></td>
                                            <!-- <td></td> -->
                                            <td>
                                                <div class="margin_left approavl_box">
                                                    <div class="material-textfield margin_top_five">
                                                       <textarea class="comnts comment_textarea" rows="2" cols="120" disabled>{{$data['travel']->lm_comments}}</textarea>
                                                    </div>
                                                </div>
                                            </td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td><b class="margin_left_fifteen font_size_thirteen">HR Status:</b></td>
                                            <!-- <td></td> -->
                                            <td>
                                                <div class="margin_left approavl_box">
                                                    @if ($data['travel']->hr_status == 1)
                                                        <span style="margin-left: 0px !important; color:#ffa922">Pending</span>
                                                    @elseif ($data['travel']->hr_status == 2)
                                                        <span style="margin-left: 0px !important; color:#1BC167">Approved</span>
                                                    @elseif ($data['travel']->hr_status == 3)
                                                        <span style="margin-left: 0px !important; color:#f35e46">Disapproved</span>
                                                    @endif
                                                </div>
                                            </td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td><b class="margin_left_fifteen font_size_thirteen">Dated:</b></td>
                                            <!-- <td></td> -->
                                            <td><div class="margin_left approavl_box"> {{ dateFromat($data['travel']->hr_date) }} </div></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td><b class="margin_left_fifteen font_size_thirteen">HR Comments:</b></td>
                                            <!-- <td></td> -->
                                            <td>
                                                <div class="margin_left approavl_box">
                                                    <div class="material-textfield margin_top_five">
                                                       <textarea class="comnts comment_textarea" rows="2" cols="90" disabled>{{$data['travel']->hr_comments}}</textarea>
                                                    </div>
                                                </div>
                                            </td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td><b class="margin_left_fifteen font_size_thirteen">Admin Status:</b></td>
                                            <!-- <td></td> -->
                                            <td>
                                                <div class="margin_left approavl_box">
                                                
                                                    @if ($data['travel']->admin_status == 1)
                                                        <span style="margin-left: 0px !important; color:#ffa922">Pending</span>
                                                    @elseif ($data['travel']->admin_status == 2)
                                                        <span style="margin-left: 0px !important; color:#1BC167">Approved</span>
                                                    @elseif ($data['travel']->admin_status == 3)
                                                        <span style="margin-left: 0px !important; color:#f35e46">Disapproved</span>
                                                    @endif
                                                </div>
                                            </td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td><b class="margin_left_fifteen font_size_thirteen">Dated:</b></td>
                                            <!-- <td></td> -->
                                            <td><div class="margin_left approavl_box"> {{ dateFromat($data['travel']->admin_date) }} </div></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td><b class="margin_left_fifteen font_size_thirteen">Admin Comments:</b></td>
                                            <!-- <td></td> -->
                                            <td>
                                                <div class="margin_left approavl_box">
                                                    <div class="material-textfield margin_top_five">
                                                       <textarea class="comnts comment_textarea" rows="2" cols="90" disabled>{{$data['travel']->admin_comments}}</textarea>
                                                    </div>
                                                </div>
                                            </td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                   </tbody>
                                </table>
                             </div>
                          </div>
                       </div>
                    </div>
                    <!-- approval detail end -->
                        <input type="hidden" name="action" />
                        <input type="hidden" name="args" />
                        <input type="hidden" name="javascriptOutPut" id="javascriptOutPut" value="{{date('Y-m-d')}}"/>
                        <input type="hidden" name="id" value="{{ request()->id }}" />
                        <input type="hidden" name="addnew" value="{{$data['addnew']}}" />
                        <input type="hidden" name="addaccomodation" value="{{$data['addaccomodation']}}" />
                        <input type="hidden" value="{{$data['edit_id']}}" id="edit_id" />
                    </form>
                </div>
                    <div class="footer">
                        <div id="button-list" style="width:95%">
                            <a class="submit search_btn" data-type="Approve" href="javascript:void(0);">Update</a>
                            <a class="withdraw search_btn" href="javascript:void(0);">Remove</a>
                            <a class="search_btn" href="{{url('travel/travel_list') }}">Cancel</a>
                        </div>
                    </div>
            </div>
        </div>
    </div>
</div>
<!-- Location Search Modal -->
<div class="modal fade" id="locationModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabellocationModal" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document" style="margin-right: 170px;">
        <div class="modal-content modal_content" style="width: 700px !important;">
            <div class="modal-header">
                <span class="modal-title modal_title w-100" id="myModalLabellocationModal"><b>Select Location</b></span>
                <a class="close close_btn" data-dismiss="modal" aria-label="Close">
                    <span class="test" aria-hidden="true" style="padding-top: 10px !important;">&times;</span>
                </a>
            </div>
            <div class="modal-body modal_body" style="width: 700px !important;">
                <div class="table modal_table">
                    <form id="location_form">
                        @csrf
                        <div class="col-md-12" id="reason_msg" style="display: none;">
                            <p class="alert alert-danger" style="width: 100%;padding: 2px 2px 2px 5px;margin-top: 3px;margin-bottom: 0px;">Please enter the reason to update.</p>
                        </div>
                        <div class="col-md-12 input_div display_item_flex">
                            <div class="material-textfield" style="margin-right: 89px;">
                                <input type="text" id="selected_location" readonly>
                                <label>Selected Location</label>
                            </div>
                            <div class="select margin-left-ten">
                                <select class="select-text selectpicker multiselect_width dropdown_height" data-live-search="true" name="updated_location" id="updated_location">
                                    <option value="">Please enter 3 or more characters</option>
                                </select>
                                <label class="select-label multi-lable">Location</label>
                            </div>
                        </div>&nbsp;
                        <div class="col-md-12 display_item_flex" style="padding-right: 8px;">
                            <div class="material-textfield" style="width: 100%;">
                                <input name="update_reason" type="text" style="width: 100%;">
                                <label>Reason</label>
                            </div>
                        </div>
                        <input type="hidden" name="field_type">
                        <input type="hidden" name="field_id">
                    </form>
                </div>
            </div>
            <div class="modal-footer update_location_footer">
                <div id="button-list" style="width:95%">
                    <a data-type="Approve" href="javascript:void(0);" id="location_btn">Submit</a>
                    <a href="javascript:void(0);" data-dismiss="modal">Cancel</a>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- model end -->
<!-- Reason model start -->
<div class="modal fade" id="reasonModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabelreasonModal" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content modal_content" style="width: 500px !important;">
          <div class="modal-header">
            <span class="modal-title modal_title w-100" id="myModalLabelreasonModal" style="font-weight: bold; margin-left: 0px; margin-top: -1px;">Please Provide Reason</span>
            <a class="close close_btn" data-dismiss="modal" aria-label="Close" style="opacity: .5;">
              <span class="test" aria-hidden="true">&times;</span>
            </a>
          </div>
            <form action="{{route('cr.travel.view')}}" id="submit_reason" method="POST" enctype="multipart/form-data">
                @csrf
                <input type="hidden" id="submit_type">
                <div class="modal-body modal_body" style="width: 500px !important">
                    <div class="col-md-12 display_item_flex">
                            <div id="messageBox" style="color: red;display: none;">Please enter the reason.</div>
                        </div>
                    <div class="row mb-12">
                        <div class="input_div display_item_flex">
                            <div class="material-textfield margin_left_twentythree margin-top-two">
                                <input placeholder="Reason" type="text" name="reason" id="reason" style="width:460px;">
                                <label>Reason</label>
                            </div>
                        </div>
                    </div>
                    <div class="row mb-12">
                        <div class="input_div display_item_flex">
                            <div class="material-textfield margin_left_twentythree margin-top-two">
                                <input placeholder="Evidence" type="text" name="evidence" id="evidence" readonly style="width:460px;">
                                <label>Evidence</label>
                            </div>
                            <div class="file-btn">
                                <input value="" type="file" class="file-input" name="attachment" id="attachment">
                            </div>
                        </div>
                    </div>
                </div>
                <input type="hidden" id="edit_id" value="{{$data['edit_id']}}">
            </form>
            <div class="modal-footer py-2" style="border-top: 0 none; padding-bottom: 0px !important;">
                <div class="disbursement_modal_footer">
                    <div class="footer_description footer_txt" style="display: none;">
                        This application will be removed from the list also
                    </div>
                    <div class="footr float-right">
                        <button class="search_btn mt-1 submit_request" style="margin-right: 3px;">Continue</button>
                        <button class="search_btn mt-1 cancel" style="margin-right: 10px;">Cancel</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- model end -->
@section('scripts')
<script src="{{ URL::asset('assets/plugins/bootstrap/js/bootstrap.min.js') }}"></script>
<!-- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/js/bootstrap-select.min.js"></script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script> -->
<script src="{{ URL::asset('assets/js/calendar.js') }}"></script>
<script type="text/javascript">
    $('.selectpicker').selectpicker();
    var frm;
    window.onload = function() {
        frm = document.forms['hr_tavel_edit'];
    }

    var response_error = "";
    var response_message = "";
    var success_msg =