@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">List Of Invoices Summary</a></li>
                              
                                <li class="pull-right"><a href="#" class="text-muted"><i class="fa fa-gear"></i></a></li>
                            </ul>
                            <div class="tab-content">
                               
                                <!-- /.tab-pane -->
                                <div class="tab-pane active" id="tab_1">
                                        
                                    <table id="example1" class="table table-responsive table-bordered table-hovered table-striped">
                                        <tr>
                                            <th>Office</th>
                                            <th>Year</th>
                                            <th>Total Request</th>
                                            <th>Month</th>
                                            <th>Trip Expenses</th>
                                            <th>Action</th>
                                        </tr>
                                        
                                   @if($toYearMonthOffice)
                                        @foreach($toYearMonthOffice as $yrOffice)
                                        
                                         <tr>
                                            <td>{{ App\Office::where('office_id', $office)->value("office_name") }}</td>
                                            <td>{{ $yrOffice->YEAR }}</td>
                                            <td><span class="badge badge-default">{{ $yrOffice->totalReservation }}</span></td>
                                            <td><span class="badge badge-default">{{ date("F", mktime(0, 0, 0, $yrOffice->Month, 10))  }}</span></td>
                                            <td>{{ @number_format(App\Trip::whereIn('reservation_id', [$yrOffice->rids])->where('trip_status', 'confirmed')->sum('total_cost'), 2) }}</td>
                                             <!--<td>{{ @number_format(App\Trip::whereIn('reservation_id', [$yrOffice->rids])->where('trip_status', 'confirmed')->sum('total_cost'), 2) }}</td> 
                                             <td>{{ @number_format(App\BookingInvoiceItem::whereIn('reservation_id', [$yrOffice->rids])->sum('net_value'), 2) }}</td> -->
                                            <td><a title="View Details" href="">View</a></td>
                                        </tr>
                                        
                                        @endforeach
                                   @endif

                                    </table>
                                </div><!-- End of id="tab_2"
                           
                                <!-- /.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