@extends('layouts.agent')
@section('page-title', 'Buses Schedules')

@section('main-container')
<div id="container-main-report">

    <div id="search-containers-report">
        <form action="" method="GET">
        @csrf
        <section class="view-col-full">
            <h5>Filter by Routes</h5>
            <select name="byproduct" class="form-control">
                <option value="0">All</option>
                @foreach($route as $data)
                  <option value="{{$data->id}}">{{$data->start_from}}-{{$data->end_to}}</option>
                @endforeach
            </select>
        </section>
        <div class="filter">
            <section class="view-col-full">
                <section class="view-col-full">
                <h5>Filter by date</h5>
                <select name="bydate" class="form-control" id="selectdates">
                    <option value="date">Date</option>
                    <option value="range">Date Range</option>
                    <option value="year">Year</option>
                    <option value="month">Month</option>
                </select>
                </section>
            </section>
            <section class="view-col-full display-block" id="date">
                <section class="view-col-full">
                    <h5 class="date-selected">Enter created date</h5>
                    <input type="date" name="singledate" class="form-control">
                </section>
            </section>
            <section class="view-col-full display-none" id="daterange">
                <section class="view-col-half-left">
                    <h5 class="date-selected">From date</h5>
                    <input type="date" name="min" class="form-control"></section>
                <section class="view-col-half-right">
                    <h5 class="date-selected">To Date</h5>
                    <input type="date" name="max" class="form-control"></section>
            </section>
    
            <section class="view-col-full display-none" id="dateyear">
                <section class="view-col-full">
                    <h5 class="date-selected">Select Year</h5>
                    <select name="year" class="form-control">
                        @php
                            $year = date('Y');
                            for($init = 2020; $year>=$init; $year--){
                                echo "<option value='$year'>$year</option>";
                            }
                        @endphp
                    </select>
                </section>
            </section>
            
            <section class="view-col-full display-none" id="month">
                <section class="view-col-half-left">
                    <h5>Month</h5>
                    <select name="month" class="form-control">
                        <option value="01">January</option><option value="02">February</option><option value="03">March</option>
                        <option value="04">April</option><option value="05">May</option><option value="06">June</option>
                        <option value="07">July</option><option value="08">August</option><option value="09">September</option>
                        <option value="10">October</option><option value="11">November</option><option value="12">December</option>
                    </select>
                </section>
                <section class="view-col-half-right">
                    <h5 class="date-selected">Select Year</h5>
                    <select name="monthyear" class="form-control">
                        @php
                            $year = date('Y');
                            for($init = 2020; $year>=$init; $year--){
                                echo "<option value='$year'>$year</option>";
                            }
                        @endphp
                    </select>
                </section>
            </section>
    
            <section class="view-col-full">
                <button type="submit" class="btn btn-success w-100" style="margin-top:5px">Filter Report</button>
            </section> 
            </div>
        </form>
    <div class="block-cont"></div>
    </div>


    @if($status == 1)
    <section class="report-title-gs">{{$report_title}}</section>
    <div id="stats-reports">
            <div class="analytics-container-small-a bg-color-ea" id="analytics-container-small">
                <h2>Total Tickets</h2>
                <section class="number-total">
                     {{$total_tickets}}
                </section>
                <section class="contents-title"><span><i class="fas fa-receipt"></i></span></section>
            </div>
            <div class="analytics-container-small-b bg-color-ea" id="analytics-container-small">
                <h2>Total Sales</h2>
                <section class="number-total">
                    {{number_format($total_sales)}}
                </section>
                <section class="contents-title"><span><i class="fas fa-coins"></i></span></section>
            </div>
            <div class="block-cont"></div>
    </div>
    <div class="container-report-ticket-list">
        @foreach ($tickets as $data)
            <div class="list-search-buses-div">
                <article class="min-view-bus-info">
                    <section class="bus-info-route">
                        <h2>{{$data->start_from}} - {{$data->end_to}}</h2>
                        <h3><br>BUS TYPE</h3>
                        <p>{{$data->bus_type}}</p>
                        <h3>Vehicle No: {{$data->registration_number}}</h3>
                    </section>
                    <section class="bus-info-dep">
                        <h3>Departure</h3>
                        <h2>{{$data->depature_date}} {{$data->depature_time}}</h2>
                        <h4></h4>
                    </section>
                    <section class="bus-info-dep-via">
                        VIA<br>{{$data->via}}
                    </section>
                    <section class="bus-info-price">
                        <h3>Fare</h3>
                        <h2 class="displayfarebig">{{number_format($data->fare)}} TZS</h2>
                    </section>
                    <section class="bus-info-btn">
                        <h6>Ticket No: {{$data->ticket_number}}</h6>
                        <h6>Seat No: {{$data->sit_number}}</h6>
                    </section>
                    <div class="block-cont-v2"></div>
                    <section class="customer-details-tic">
                        <h6> Boarding: {{$data->boarding_point}} | Customer: {{$data->name}} | Phone: {{$data->phone_number}}</h6>
                    </section>
                    <div class="block-cont-v2"></div>
                </article>
            </div>
        @endforeach
    </div>

    @endif


<div class="block-cont"></div>
</div>
@endsection




<!-- js script -->
@push('scripts')
<script>
    $(function(){

        $(document).on('change', '#selectdates', function(){
                var selecteddate = $(this).val();

                if(selecteddate=='date'){
                   $("#daterange, #dateyear, #month").css({"display":"none"});
                   $("#date").css({"display":"block"});
                }else if(selecteddate=='range'){
                   $("#date, #dateyear, #month").css({"display":"none"});
                   $("#daterange").css({"display":"block"});
                }else if(selecteddate=='year'){
                   $("#date, #daterange, #month").css({"display":"none"});
                   $("#dateyear").css({"display":"block"});
                }else if(selecteddate=='month'){
                   $("#date, #daterange, #dateyear").css({"display":"none"});
                   $("#month").css({"display":"block"});
                }
            });

            $(document).on('change', '#salespoint', function(){
                var salespoint = $(this).val();
                if(salespoint == "singleagent"){
                    $("#agent-container-view").show();
                }else{
                    $("#agent-container-view").hide();
                }
            });



    });
</script>
@endpush