@extends('layouts.layout')

@section('content')


<!-- Bootstrap 3.3.7 -->
<link rel="stylesheet" href="{{ URL::asset('css/popup.css') }}">
<style type="text/css">
    .badge-danger {
        background-color:red;
    }
    .increaseme{
        width:100px;
    }
</style>
<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>
         {{ ucwords(str_replace('_', ' ', $url)) }} 
        <small>Version 2.0</small>
    </h1>
    <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> SysManager</a></li>
        <!--<li class="active">{{ ucwords(str_replace('_', ' ', $url)) }}</li>-->
    </ol>
</section>


<!-- Main content -->
<section class="content">

    <div class="btn-group">
        <!--<a href="{{ route('form.url', ['url' => $url]) }}"><button type="button" class="btn bg-maroon btn-flat margin">Add</button></a>
        <a href=""><button type="button" class="btn bg-purple btn-flat margin">Export</button></a>-->
        <!--     <button type="button" class="btn bg-navy btn-flat margin">.btn.bg-navy.btn-flat</button>
                <button type="button" class="btn bg-orange btn-flat margin">.btn.bg-orange.btn-flat</button>
                <button type="button" class="btn bg-olive btn-flat margin">.btn.bg-olive.btn-flat</button> -->
    </div>
    <!-- /.row -->



    <div class="row">
        <div class="col-xs-12">
            <div class="box" style="padding:10px">

                <!-- /.box-header -->
                <div class="box-body table-responsive no-padding">

                    <div class="col-md-12">
                        <!-- Custom Tabs -->
                        <div class="nav-tabs-custom">
                            <ul class="nav nav-tabs">
                                <li class="active"><a href="#tab_1" data-toggle="tab">Vehicle Expenses</a></li>
                                {{-- <li><a href="#tab_2" data-toggle="tab">Today's Trips</a></li>
                                <li><a href="#tab_3" data-toggle="tab">My Request</a></li> --}}
                               
                                <li class="pull-right"><a href="#" class="text-muted"><i class="fa fa-gear"></i></a></li>
                            </ul>
                            <div class="tab-content">
                                <div class="tab-pane active" id="tab_1">
                                     <form action="{{ route('tripsearch') }}" method="GET" name="formGet">
                                        {{ csrf_field() }}
                                        
                                        <div class="row" style="margin-bottom:5px">

                                            <div class="col-sm-3"  >
                                                <input class="form-control" placeholder="Vehicle Number" type="text" value="{{old('vehicle_number')}}" name="vehicle_number" id="vehicle_number" />
                                            </div>

                                            <div class="col-sm-3" >
                                                <select data-placeholder="Select Vehicle Type" class="select form-control" id="vehiclemake" name="vehiclemake" tabindex="-1">
                                                    <option value="">Vehicle Make</option>
                                                    @foreach ($vehiclemakes as $vehiclemake)
                                                        <option value="{{$vehiclemake}}">{{$vehiclemake}}</option>
                                                    @endforeach
                                                </select>
                                            </div> 

                                            <div class="col-sm-3"  >
                                                <select data-placeholder="Select Office" class="select form-control" id="office" name="office" tabindex="-1">
                                                    <option value="">Offices</option>
                                                    @foreach ($offices as $office)
                                                        <option value="{{$office}}">{{$office}}</option>
                                                    @endforeach
                                                </select>
                                            </div>

                                            <div class="col-sm-3"  >
                                                <select data-placeholder="Select Company" class="select form-control" id="company" name="company" tabindex="-1">
                                                    <option value="">Company</option>
                                                    @foreach ($companies as $company)
                                                        <option value="{{$company}}">{{$company}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="row">    
                                            <div class="col-sm-3"  style="margin-top: 10px;">
                                                <select data-placeholder="Select Service Type" class="select form-control" id="service_type" name="service_type" tabindex="-1">
                                                    <option value="">Service Type</option>
                                                    <option value="Lease">Lease</option>
                                                    <option value="Rental">Rental</option>                                                    
                                                </select>
                                            </div>                                        
                                            <div class="col-sm-3"  style="margin-top: 10px;">
                                                <input class="datepicker form-control" placeholder="Start Date" type="text" value="{{old('start_date')}}" name="start_date" id="start_date" />
                                            </div>

                                            <div class="col-sm-3"  style="margin-top: 10px;">
                                                <input class="datepicker form-control" placeholder="End Date" type="text" value="{{old('end_date')}}"  name="end_date" id="end_date" />
                                            </div>                                           
                                            
                                        </div>

                                        <div class="row"> 
                                            <div class="col-sm-3" style="margin-top: 10px;">
                                                <button type="submit" id="postmodule" class="btn-success">SEARCH</button>
                                            </div>
                                        </div>
                                                                                
                                                                                
                                        <hr/>
                                        
                                        
                                    </form>   
                                    
                                     @if(isset($aggregates))
                                    
                                    <table id="example1" class="table table-bordered table-responsive table-hover">
                                        <thead>
                                            <tr style="background-color:#D3D3D3; color:black">
                                               
                                                <th>ID</th>  
                                                <th>Vehicle Number</th> 
                                                <th>Model</th> 
                                                <th>Office</th> 
                                                <th>Service Type</th>
                                                <th>Company</th> 
                                                <th>Maint. Cost</th>  
                                                <th>Doc. cost</th>  
                                                <th>Fueling Cost</th>   
                                                <th>Reservations</th>
                                                <th>Lease</th>
                                                <th>Downtime</th>
                                                <th>Difference</th>                                      
                                                {{-- <th style="width:100px">Action</th>   --}}

                                            </tr>

                                        </thead>

                                        <tbody id="vehicles_list">
                                           
                                           @foreach($aggregates as $aggregate)
                                            @php
                                                $lease_income = $aggregate->rate * (\Carbon\Carbon::parse($end_date)->diffInDays(\Carbon\Carbon::parse($start_date)) + 1);
                                            @endphp
                                            <tr>
                                                <td>{{$loop->index + 1}}</td>
                                                <td>{{$aggregate->vehicle_number}}</td>
                                                <td>{{$aggregate->model}}</td>                                                
                                                <td>{{$aggregate->office_name}}</td>
                                                <td>@if($aggregate->service_type == 'Lease') <span style="background: brown; color: white; padding: 3px 10px; border-radius: 10px;">{{$aggregate->service_type }}</span>
                                                    @else <span style="background: #008000; color: white; padding: 2px 5px; border-radius: 10px;">Rental</span> @endif</td>
                                                <td>{{$aggregate->company_name}}</td>                                                
                                                <td><a href="/details/maint_cost/{{$aggregate->vehicle_number}}" title="View full '{{$aggregate->vehicle_number}}'s maintenance details">{{number_format($aggregate->maint_cost)}}</a></td>
                                                <td><a href="/details/doc_cost/{{$aggregate->vehicle_number}}" title="View full '{{$aggregate->vehicle_number}}'s document details">{{number_format($aggregate->document_cost)}}</a></td>
                                                <td><a href="/details/fueling_cost/{{$aggregate->vehicle_number}}" title="View full '{{$aggregate->vehicle_number}}'s fuel details">{{number_format($aggregate->fueling_cost)}}</a></td>
                                                <td><a href="/singletripsearch?reservation_id=&passenger_names=&vehicle_id={{str_replace(' ', '+', $aggregate->vehicle_number)}}&pick_up_date=&end_date=&office=&cid=&trip_status=&job_status=&service_type=" title="">{{number_format($aggregate->total_cost)}}</a></td>
                                                <td>{{number_format($lease_income)}}</td>
                                                <td><a href="/display/vehicle_utlization?asset_name={{$aggregate->asset_id}}">{{number_format($aggregate->revenue)}}</a></td>
                                                <td><a href="#" title=""><span style="color: @if($aggregate->total_cost + $lease_income - ($aggregate->document_cost + $aggregate->maint_cost + $aggregate->fueling_cost + $aggregate->revenue) < 0){{"red"}}@else{{"green"}}@endif">{{number_format($aggregate->total_cost  + $lease_income - ($aggregate->document_cost + $aggregate->maint_cost + $aggregate->fueling_cost + $aggregate->revenue)) }}</a></td>
                                            </tr>
                                            @endforeach
                                        </tbody>


                                    </table>
                                   
                                    @else

                                    <div>No Result</div>
                                    @endif
                                    
                                    
                                </div><!--  <div class="tab-pane active" id="tab_1"> -->
                                                                     
                           
                                <!-- /.tab-content -->
                            </div>
                            <!-- nav-tabs-custom -->
                        </div>
                        <!-- /.col -->

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





        <!-- POP UP BOX HERE -->
        <div id="popup-box" class="popup-position">
            <div id="popup-wrapper">
                <div id="popup-container">
                    <span class="pull-right"><a href="javascript:void(0)" onClick="toggle_visibility('popup-box');">close</a></span>
                    <p style="color:red; font-size:12px;">Today 2026-08-16</p>
                    <span id="eloaddformerror"></span>
                    <span id="putoption"></span>
                </div>
            </div>
        </div>
        <!-- END OF POP UP BOX -->




</section>


<script src="{{ URL::asset('js/global.js') }}"></script>
<script src="{{ URL::asset('js/ajax.js') }}"></script>
<script src="{{ URL::asset('js/hertz/general.js') }}"></script>


   

@endsection