@extends('layouts.adminapp')
@section('content')

@section('head',__('lng.Trip'))
{{-- Account Group --}}
<div class="container-fluid">       
    <main >
<x-app-flash/>
<style>

    
    .fixed-size-text-field {
    width: 153px; /* Set the desired width */
    padding: 8px; /* Adjust padding as needed */
    box-sizing: border-box; /* Include padding in the total width */
}
</style>
<div class="card shadow mb-4">
    <div class="card-body bg-dark py-3 d-flex flex-row align-items-center justify-content-between">
        {{-- <div class="">
            <div class="py-2"><img class="" width="100px" src="{{asset('storage/Trips/Photo/'.$Trips->photo)}}"/></div>
            <div class=""><h3 class="pt-3 font-weight-bold text-white">{{$Trips->title}}</h3></div>
        </div> --}}
        <a href="{{route('Trip.index')}}" class="btn btn-primary btn-icon-split">
        <span class="icon text-white-50">
            <i class="mdi mdi-arrow-left"></i>
        </span>
        <span class="text">Back</span>
        </a>
    </div>
    <div class="card-body">
        <div class="row">
            <div class="col-sm-6 col-6">
                <label class="h5 text-gray-900">{{__('lng.From')}}</label>
                @php 
                $DTs=0;
                if($Trips->from) {
                    $DTs =  date("d-m-Y",strtotime($Trips->from)); 
                }
                @endphp
                <p>{{$DTs}}</p>
            </div>
            <div class="col-sm-6 col-6">
                <label class="h5 text-gray-900">{{__('lng.To')}}</label>
                    @php 
                    $DTs=0;
                    if($Trips->to) {
                        $DTs =  date("d-m-Y",strtotime($Trips->to)); 
                    }
                    @endphp
                    <p>{{$DTs}}</p>
            </div>
            <div class="col-sm-6 col-6">
                <label class="h5 text-gray-900">{{__('lng.Source')}}</label>
                <p>{{$Trips->source}}</p>
            </div>
            <div class="col-sm-6 col-6">
                <label class="h5 text-gray-900">{{__('lng.Destination')}}</label>
                <p>{{$Trips->destination}}</p>
            </div>
           
            <div class="col-sm-6 col-6">
                <label class="h5 text-gray-900">{{__('lng.Customer')}}</label>
                <p>{{$Trips->accountledger->title}}</p>
            </div>
            <div class="col-sm-6 col-6">
                <label class="h5 text-gray-900">{{__('lng.Vehicle')}}</label>
                <p>{{$Trips->vehicle->title}}</p>
            </div>
            <div class="col-sm-6 col-6">
                <label class="h5 text-gray-900">{{__('lng.Driver')}}</label>
                <p>{{$Trips->employee->name}}</p>
            </div>
            <div class="col-sm-6 col-6">
                <label class="h5 text-gray-900">{{__('lng.Status')}}</label>
                <p>{{$Trips->status}}</p>
            </div>
            <div class="col-sm-6 col-6">
                <label class="h5 text-gray-900">{{__('lng.TripEstimate')}}</label>
                <p>{{$Trips->trip_estimate !== null ? number_format($Trips->trip_estimate, 2) : ''}}</p>
            </div>
            <div class="col-sm-6 col-6">
                <label class="h5 text-gray-900">{{__('lng.Advance')}}</label>
                <p>{{$Trips->advance !== null ? number_format($Trips->advance, 2) : ''}}</p>
            </div>
            <div class="col-sm-6 col-6" >
                <label class="h5 text-gray-900">{{__('lng.DriverCommission')}}</label>
                @php
                $average = ($amount* $Trips->vehicle->driver_commission)/100;
                @endphp
                <p>{{ $Trips->driver_amount > 0 ? number_format($Trips->driver_amount, 2) : $average }}</p>

                <button class="btn btn-info" type="button" id="btnChooseTrip" onclick="CustomerAddModel('{{ $Trips->driver_amount > 0 ? number_format($Trips->driver_amount, 2) : $average }}');">{{__('lng.Show')}}</button>
            </div>
            {{-- <div class="col-sm-6 col-6" >
                <label class="h5 text-gray-900">{{__('lng.TripSetilment')}}</label>
                @php
                $average = ($Trips->trip_estimate * $Trips->vehicle->driver_commission)/100;
                @endphp
                <p>{{ $average }}</p>
                <button class="btn btn-info" type="button" id="btnChooseTrip" onclick="setlmentModel('{{ $Trips->advance }}');">{{__('lng.Show')}}</button>
            </div> --}}
        </div>
    </div>
</div>
<div class="card container shadow mb-4">
    
    <div class="card-body card-body py-3 d-flex flex-row align-items-center justify-content-between">
        <span  id="h6">
            <h6 class="  m-0 font-weight-bold text-primary">{{__('lng.TripExpenceTable')}}</h6>
        </span>
        {{-- <div  class=" searchwidth input-group  input-search search" >
          <input type="text" oninput="Search(this.value);" value="{{$SerachValue}}" class="form-control  bg-light small" placeholder="{{__('lng.SearchFor')}}" aria-label="Search" aria-describedby="basic-addon2">
          <div class="input-group-append">
            <button class="btn btn-primary" type="button">
                <i class="mdi mdi-magnify fa-sm"></i>
            </button>
          </div>
        
          
        </div> --}}
        <a href="{{route('TripExpenses.create',['title' => $Voucher->id, 'TRIPID' => $Trips->id])}}" class="createbutton btn btn-primary btn-icon-split">
            <span class="icon text-white-50">
                <i class="mdi mdi-plus"></i>
            </span>
            <span class="text">{{__('lng.CreateNew')}}</span>
        </a></div>
        <div class="table-responsive">
        <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
            <thead>
                <tr>
                    <th>{{__('lng.SiNo')}}</th>
                    <th>{{__('lng.Title')}}</th>
                    <th>{{__('lng.Amount')}}</th>
                    <th>{{__('lng.Narration')}}</th>
                    <th class="text-center" colspan="2">{{__('lng.Action')}}</th>
                </tr>
            </thead>
            <tbody>
                @php $si=0; $totalAmount = 0;@endphp
                @foreach($TripExpenses as $TripExpense)
                <tr>
                    <td>{{++$si}}</td>
                    <td>{{$TripExpense->name}}</td>
                    <td>@currency($TripExpense->amount)</td>
                    <td>{{$TripExpense->narration}}</td>
                    <td>
                            <a href="{{route('TripExpenses.edit',$TripExpense->id)}}" class="btn btn-primary btn-circle btn-sm" data-bs-toggle="tooltip" data-bs-placement="bottom" title="{{__('lng.Edit')}}">
                                <i class="mdi mdi-pencil"></i>
                            </a>
                    </td>
                    <td> 
                        <form method="POST" action="{{route('TripExpenses.destroy',[$TripExpense->id,$Voucher->title])}}" Id="form-delete-{{$TripExpense->id}}">
                            @csrf
                            @method('delete')
                            <button class="btn btn-danger btn-circle btn-sm" onclick="
                            event.preventDefault();
                            if(confirm('Are you sure delete this'))
                            {
                                document.getElementById('form-delete-{{$TripExpense->id}}').submit();
                            }"  data-bs-toggle="tooltip" data-bs-placement="bottom" title="{{__('lng.Delete')}}">
                                <i class="mdi mdi-delete"></i>
                            </button>
                        </form>
                    </td>
                    
                </tr>
                
                @php 
         $totalAmount += $TripExpense->amount; // Add the amount to total
    @endphp
    @endforeach
      <tr>
        <td colspan="2" style="text-align-last: right"><strong>Total</strong></td>
        <td><strong>{{$totalAmount}}</strong></td>
        <td colspan="2"></td> <!-- Colspan to span the other columns -->
    </tr>
               
            </tbody>
        </table>
        </div>
    </div>
    {{-- DRIVER SALARY PAYABLE MODAL --}}
    <div class="modal fade" id="modalCustomerAdd" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="staticBackdropLabel"></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-sm-6 form-group">
                            <label for="txtTitle">{{__('lng.Driver')}}</label>
                            <input type="text" class="form-control @error('title') is-invalid @enderror" name="driver" id="txtDriver" value="{{$Trips->employee->name}}" disabled />
                        </div>
                      
                        <div class="col-sm-6 form-group">
                            <label for="txtMobile">{{__('lng.Amount')}}</label>
                            <input type="text" class="form-control @error('Mobile') is-invalid @enderror" name="amount" id="txtAmount" value="{{ $Trips->driver_amount > 0 ? number_format($Trips->driver_amount, 2) : $average }}" disabled/>
                        </div>
                        
                        
                    </div>          
                </div>
                {{-- <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">{{__('lng.Close')}}</button>          
                    <button type="button" class="btn btn-primary" onclick="CustomerAdd('{{ $average }}', '{{ $Trips->employee->name }}', '{{ $Trips->employee->name }}');">{{__('lng.Save')}}</button>                              
                </div> --}}
            </div>
        </div>
    </div>
     {{-- TRIP SETLMENT MODAL --}}
    <div class="modal fade" id="setlmentModel" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="staticBackdropLabel"></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-sm-6 form-group">
                            <label for="txtTitle">{{__('lng.Advance')}}</label>
                            <input type="text" class="form-control @error('title') is-invalid @enderror" name="advance" id="txtDriver" value="{{$Trips->advance}}" disabled />
                        </div>
                      
                        <div class="col-sm-6 form-group">
                            <label for="txtMobile">{{__('lng.Discount')}}</label>
                            <input type="text" class="form-control @error('Mobile') is-invalid @enderror" name="discount" id="txtAmount"  />
                        </div>
                        {{-- <div class="col-sm-6 form-group">
                            @php $ledger_id=0; @endphp
                            <label for="txtMobile">{{__('lng.PayLedger')}}</label>
                            <select class="form-control" id="LedgerID" name="ledeger_id" value="{{$ledger_id}}" >
                                @php
                                    echo App\Http\Controllers\ExpenseController::PayledgerListForCombo(0);
                                @endphp
                            </select>
                        </div> --}}
                        
                    </div>          
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">{{__('lng.Close')}}</button>          
                    <button type="button" class="btn btn-primary" onclick="CustomerAdd('{{ $average }}', '{{ $Trips->employee->name }}', '{{ $Trips->employee->name }}');">{{__('lng.Save')}}</button>                              
                </div>
            </div>
        </div>
    </div>
    <script>
        function CustomerAddModel() {
    $('#modalCustomerAdd').modal('show');
    // CustomerAdd(value); // Pass the value to CustomerAdd function
}
// function setlmentModel() {
//     $('#setlmentModel').modal('show');
//     // CustomerAdd(value); // Pass the value to CustomerAdd function
// }
    function CustomerAdd(average, employeeName,ledger_id) {
    var error = "";
    var driver = document.getElementById('txtDriver').value;
    var amount = document.getElementById('txtAmount').value;
    var ledger_id = document.getElementById('LedgerID').value;
    // alert(ledger_id);
    if (driver === "") error += "\ndriver required";
    if (amount === "") error += "\namount required";
    if (ledger_id === "") error += "\namount required";
    if (error === "") {
        $.ajax({
        method: "get",
        url: '{{ route('Empolyee.StoreAjax') }}',
        data: {
            _token: "{{ csrf_token() }}",
            driver: driver,
            amount: amount,
            ledger_id:ledger_id
        },
        success: function(response) {
            
            // alert(response);
        }
    });
        // alert(driver);
        // $.get('{{ route('Empolyee.StoreAjax') }}', {
        //     _token: "{{ csrf_token() }}",
        //     driver: driver,
        //     amount: amount
        // }, 
        // success: function(response) {
        //     alert(response);
        // });
    } else {
        alert(error);
    }
}</script>
</main>
               
</div>
@endsection