@php
    use Illuminate\Support\Carbon;

@endphp
@extends('user.layout.master')
@section('title', 'Payment')

@push('plugin-styles')
    <link href="{{ asset('assets/plugins/datatables-net-bs5/dataTables.bootstrap5.css') }}" rel="stylesheet" />
@endpush

@section('content')
    <nav class="page-breadcrumb">
        {{-- <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="{{route('user.annual')}}">Annual</a></li>
    <li class="breadcrumb-item active" aria-current="page">Data Table</li>
  </ol>  --}}
        @if (session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
        @endif
    </nav>



    <div class="row">

        <div class="col-md-12">
            {{-- <a class="btn btn-primary" href="{{ route('user.add.returnfiling') }}" style="float: right; margin: 5px">Add Return
                Filing</a> --}}
        </div>
        <br>
        <div class="col-md-12 grid-margin stretch-card">

            <div class="card">
                <div class="card-body">
                    <h6 class="card-title">Payment</h6>
                    <p class="text-muted mb-3"><a href="https://datatables.net/" target="_blank"></a></p>
                    <div class="table-responsive">
                        <table id="dataTableExample" class="table">
                            <thead>
                                <tr>
                                    <th>Invoice ID</th>
                                    <th>Customer Name</th>
                                    <th>Customer ID</th>
                                    <th>Date</th>
                                    <th>Order Value</th>
                                    <th>Status</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($invoices as $invoice)
                                    <tr>

                                        <td>{{ $invoice->invoice_no }}</td>
                                        <td>{{ $invoice->customer_name }}</td>
                                        <td>{{ $invoice->customer_id }}</td>
                                        <td>{{ $invoice->date }}</td>

                                        <td>
                                            {{ $invoice->order_value }}
                                        </td>
                                        <td>{{ $invoice->payment_status }}</td>

                                        <td>
                                            @if($invoice->payment_status == 'Paid')
                                            <a class="btn btn-primary" href="{{route('user.invoice',['id'=>$invoice->id])}}">
                                                Invoice
                                            </a>
                                            @else
                                            <a class="btn btn-primary" href="{{route('user.offline.payment',['id'=>$invoice->id])}}">
                                                Pay
                                            </a>
                                            @endif
                                            
                                        </td>

                                    </tr>
                                @endforeach

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal Payment -->
    {{-- <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModal" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Payment</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="btn-close"></button>
                </div>
                <div class="modal-body">
                    <form action="{{ route('user.gstr1_payment') }}" method="POST">
                        @csrf
                        <input type="hidden" name="id" class="gstr1">
                        <div class="mb-3">
                            <h6 class="card-title"></h6>
                            <form method="POST" action="{{ route('user.login.firm.process') }}" id="formAuthentication"
                                class="">
                                @csrf
                                <input type="hidden" name="firm_type" value="Monthly">

                                <button type="submit" class="btn btn-primary d-grid w-100">
                                    Offine Payment
                                </button>
                                <br>

                                <button type="submit" class="btn btn-primary d-grid w-100">
                                    Online Payment
                                </button>

                                
                            </form>
                            
                        </div>



                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary">Submit</button>





                </div>
                </form>
            </div>
        </div>
    </div> --}}

    <!-- Modal GSTR 3B Payment -->
    {{-- <div class="modal fade" id="payment1" tabindex="-1" aria-labelledby="payment1" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">GSTR 3B Payment</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="btn-close"></button>
                </div>
                <div class="modal-body">
                    <form action="{{route('user.gstr3b_payment')}}" method="POST">
                        @csrf
                        <input type="hidden" name="id" class="gstr3b">
                        @if ($return_filing->payment_status_gstr3b == 'Paid')
                        <div class="mb-3">
                            <h6 class="card-title">Amount</h6>
                            <input id="name" class="form-control" name="gstr3b_amount" type="text" required
                            value="Paid" readonly>

                            <span class="text-danger">{{ $errors->first('gstr3b_amount') }}</span>
                        </div>
                        @else
                        <div class="mb-3">
                            <h6 class="card-title">Amount</h6>
                            <input id="name" class="form-control" name="gstr3b_amount" type="number" required>

                            <span class="text-danger">{{ $errors->first('gstr3b_amount') }}</span>
                        </div>
                        @endif
                        

                    </div>
                <div class="modal-footer">
                    @if ($return_filing->payment_status_gstr3b == 'Paid')
                    <button type="button" class="btn btn-primary">Paid</button>

                    @else
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary">Submit</button>
                    @endif
                    

                </div>
                </form>
            </div>
        </div>
    </div> --}}
@endsection

@push('plugin-scripts')
    <script src="{{ asset('assets/plugins/datatables-net/jquery.dataTables.js') }}"></script>
    <script src="{{ asset('assets/plugins/datatables-net-bs5/dataTables.bootstrap5.js') }}"></script>
@endpush

@push('custom-scripts')
    <script src="{{ asset('assets/js/data-table.js') }}"></script>
    <script>
        $(".payment").on("click", function() {
            var dataId = $(this).attr("data-id");
            $(".gstr1").val(dataId);
            // alert("The data-id of clicked item is: " + dataId);
        });

        $(".payment1").on("click", function() {
            var dataId = $(this).attr("data-id");
            $(".gstr3b").val(dataId);
            // alert("The data-id of clicked item is: " + dataId);
        });
    </script>
@endpush