@extends('staff.layouts.app')
@section('content')
<div class="app-main__outer">
    <div class="app-main__inner card">
        <!-- dashboard auction -->
        <div class="dashboard-auction">
            <div class="row">
                <div class="col-12">
                    <div class="auction-table">
                        <div class="auction-tablehead">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="col-lg-12 col-sm-12 col-12 mb-5 mt-4">
                                        <div class="performance-statistics report-tble">
                                        <div class="table-responsive">
                                          <table class="table table-borderless">
                                            <thead>
                                              <tr>
                                                <th scope="col">Report Name</th>

                                                <th scope="col">Download Report</th>
                                             </tr>
                                            </thead>
                                            <tbody>

                                                <tr>
                                                    <td>Total Submission  </td>
                                                    <td><a href="{{ route('staff.report.submission') }}" class="view-rprt"
                                                        data-bs-target="" aria-expanded="true"><img src="{{ asset('assets/img/pdf.png') }}" alt="" width="25px"></a>

                                                    </td>
                                                  </tr>

                                                  <tr>
                                                    <td>Total Approved </td>
                                                    <td><a href="{{ route('staff.report.approved') }}" class="view-rprt"
                                                         aria-expanded="true"><img src="{{ asset('assets/img/pdf.png') }}" alt="" width="25px"></a>

                                                    </td>
                                                  </tr>

                                                  <tr>
                                                    <td>Total Rejected </td>
                                                    <td><a href="{{ route('staff.report.rejected') }}" class="view-rprt"
                                                         aria-expanded="true"><img src="{{ asset('assets/img/pdf.png') }}" alt="" width="25px"></a>

                                                    </td>
                                                  </tr>


                                                  <tr>
                                                    <td> Total Pending </td>
                                                    <td><a href="{{ route('staff.report.pending') }}" class="view-rprt"
                                                         aria-expanded="true"><img src="{{ asset('assets/img/pdf.png') }}" alt="" width="25px"></a>

                                                    </td>
                                                  </tr>

                                              {{-- <tr>
                                                <td>Transaction Report  </td>
                                                <td><a href="#" class="view-rprt" data-bs-toggle="modal"
                                                    data-bs-target="#myModal3" aria-expanded="true"><img src="{{ asset('assets/img/pdf.png') }}" alt="" width="25px"></a>

                                                </td>
                                              </tr> --}}


                                              {{-- <tr>
                                                <td>Total Signup Report</td>

                                                <td><a href="#" class="view-rprt" data-bs-toggle="modal"
                                                    data-bs-target="#myModal4" aria-expanded="true"><img src="{{ asset('assets/img/pdf.png') }}" alt="" width="25px"></a></td>
                                              </tr> --}}
                                              {{-- <tr>
                                                <td>User login log</td>

                                                <td><a href="{{ route('admin.report.log') }}" class="view-rprt"><img src="{{ asset('assets/img/pdf.png') }}" alt="" width="25px"></a></td>
                                              </tr> --}}
                                            </tbody>
                                          </table>
                                        </div>
                                        </div>
                                      </div>
                                </div>
                            </div>
                            {{-- <a href="{{ route('admin.report.auction.export',['filter_type'=>request()->filter_type]) }}" class="btn btn-md btn-success" style="float:right;">Export</a> --}}

                            {{-- <div class="aircraft_table">
                                <table id="example" class="stripe row-border order-column datatable_auction custom-data-table" style="width:100%">
                                    <thead>
                                        <tr>
                                            <th>Auction Name</th>
                                            <th>Product</th>
                                            <th>Bid Price</th>
                                            <th>Start</th>
                                            <th>End</th>
                                            <th>Status</th>
                                        </tr>
                                    </thead>
                                    <tbody>

                                    </tbody>
                                </table>
                            </div> --}}
                        </div>
                    </div>
                </div>


            </div>
        </div>
    </div>


</div>

<div class="modal modalright right fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel2">Districts</h4>
                <button type="button" class="modalClose2 close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body pl-4 pr-4">
                <form id="userSave" action="{{ route('staff.report.submission') }}">
                {{-- class="formsubmit fileupload" method="post" enctype="multipart/form-data">
                        @csrf --}}
                <div class="frm-reload">


                    <div class="form-group">
                        <label for="first_name">Select District</label>
                        <select id="district_id" class="form-control" name="district_id" required>
                            @forelse ($districts as $district)
                                <option value="{{ $district->id }}" data-id="{{ $district->id }}">
                                    {{ $district->district_name }}
                                </option>
                            @empty
                            @endforelse
                        </select>
                    </div>
                    <br>
                  <button type="submit" class="btn btn-primary">Submit</button>

                </div>
                </form>
            </div>
        </div><!-- modal-content -->
    </div><!-- modal-dialog -->
</div>

<div class="modal modalright right fade" id="myModal4" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel2">Districts</h4>
                <button type="button" class="modalClose3 close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body pl-4 pr-4">
                <form id="userSave" action="{{ route('admin.report.signup') }}">
                {{-- class="formsubmit fileupload" method="post" enctype="multipart/form-data">
                        @csrf --}}
                <div class="frm-reload">


                    <div class="form-group">
                        <label for="first_name">Select District</label>
                        <select id="district_id" class="form-control" name="district_id" required>
                            @forelse ($districts as $district)
                                <option value="{{ $district->id }}" data-id="{{ $district->id }}">
                                    {{ $district->district_name }}
                                </option>
                            @empty
                            @endforelse
                        </select>
                    </div>
                    <br>
                  <button type="submit" class="btn btn-primary">Submit</button>

                </div>
                </form>
            </div>
        </div><!-- modal-content -->
    </div><!-- modal-dialog -->
</div>
@endsection
@push('scripts')
<script>
    $(document).ready(function() {
        $("#addbranch-btn").click(function() {
            $("#slide-from-right").addClass("show-side-form");
        });

        $("#close-btn").click(function() {
            $("#slide-from-right").removeClass("show-side-form");
        });
    });

    $(document).on("click", ".modalClose2", function() {
            $('#myModal3').modal('hide');
        });

        $(document).on("click", ".modalClose3", function() {
            $('#myModal4').modal('hide');
        });
</script>
@endpush