@extends('dashboard.layouts.master')
@section('title','Transactions | Dashboard | '.env('app_name'))
@section('page-css')
    <link rel="stylesheet" href="{{ asset('materio/vendor/libs/datatables-bs5/datatables.bootstrap5.css') }}">

@endsection

@section('main-content')
    <h4 class="mb-4">Transactions</h4>
<div class="row">
        <div class="col-md-12 mb-1">
            <div class="card mb-2 ">
                <div class="card-body">
                    <form id="" action="{{route('admin_transactions')}}">
                        <div class="row">
                            <div class="form-group col-md-3">
                                <label for="user_id">Companies</label>
                                <select class="form-select" id="user_id" name="user_id">
                                    <option value="">Select company</option>
                                    @foreach($users as $user)
                                        <option {{$user_id == $user->id ? 'selected' : ''}} value="{{$user->id}}">{{$user->fname}}</option>
                                    @endforeach

                                </select>
                            </div>
                            <div class="form-group col-md-3">
                                <label for="time_period" >Time period</label>
                                <select class="form-select" id="time_period" name="time_period">
                                    <option  value="">Select period</option>
                                    <option {{$time_period == 'today' ? 'selected' : ''}} value="today">Today</option>
                                    <option {{$time_period == 'yesterday' ? 'selected' : ''}} value="yesterday">Yesterday</option>
                                    <option {{$time_period == 'last_week' ? 'selected' : ''}} value="last_week">Last week</option>
                                    <option {{$time_period == 'this_month' ? 'selected' : ''}} value="this_month">This month</option>
                                    <option {{$time_period == 'last_month' ? 'selected' : ''}} value="last_month">Last month</option>
                                </select>
                            </div>
                            <div class="form-group col-md-3">
                                <label for="start_date">Start data</label>
                                <input type="date" id="start_date" class="form-control" value="{{$start_date ?? ''}}" name="start_date">
                            </div>

                            <div class="form-group col-md-3">
                                <label for="end_date">End data</label>
                                <input type="date" id="end_date" class="form-control" value="{{$end_date ?? ''}}" name="end_date">
                            </div>
                        </div>

                        <div class="text-end">
                            <a class="btn btn-secondary me-2" href="{{route('transactions')}}">Reset</a>
                            <button class="btn btn-primary" type="submit">Search</button>
                        </div>
                    </form>
                </div>
            </div>
            <div class="card" style="overflow:visible">
                <div class="card-body">

                    <div class="table-responsive">
                        <table class="display table table-bordered" id="deafult_ordering_table" style="width:100%">
                            <thead>
                            <tr class="text-uppercase">
                                <th>Company name</th>
                                <th>Package</th>
                                <th>Amount</th>
{{--                                <th>Payment status</th>--}}
                                <th>Date</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($transactions as $trx)
                                <tr>
                                    <td>{{$trx->user->fname ?? ''}}</td>
                                    <td>{{$trx->package->name ?? ''}}</td>
                                    <td>{{$trx->amount}}</td>
{{--                                    <td>{{$trx->payment->status ?? ''}}</td>--}}
                                    <td>{{$trx->create_date}}</td>
                                </tr>
                            @endforeach
                            </tbody>
                            <tfoot>
                            <tr class="fw-bold text-white" style="background:#7367F0;">
                                <td colspan="2" class="fw-bold">Total</td>
                                <td>${{round($total_amount,2)}}</td>
                                <td></td>
                            </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('page-js')
    <script src="{{ asset('materio/vendor/libs/datatables-bs5/datatables-bootstrap5.js') }}"></script>

    <script>
        $(document).ready(function (){
            $("#transations-page").addClass('active')
        });
        $(document).ready(function () {
            // Initialize DataTable with PDF export button
            $('#deafult_ordering_table').DataTable({

                "order": [
                    [0, "asc"]
                ]

            });
        });
    </script>
@endsection