@php
    use Illuminate\Support\Carbon;

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

@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.ticket') }}" style="float: right; margin: 5px">Add Ticket</a>
        </div>
        <br>
        <div class="col-md-12 grid-margin stretch-card">

            <div class="card">
                <div class="card-body">
                    <h6 class="card-title">Ticket</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>User Name</th>
                                    <th>Title</th>
                                    <th>Description</th>
                                    <th>File</th>
                                    <th>Action</th>

                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($tickets as $ticket)
                                    <tr>

                                        <td>{{ $ticket->user_name }}</td>
                                        <td>{{ $ticket->title }}</td>
                                        <td>{{ $ticket->description }}</td>
                                        <td>
                                            <img src="{{asset('/uploads/support/file/'.$ticket->file)}}" style="width:50px">
                                        </td>
                                        <td>
                                            <a href="{{route('user.ticket.messages',['id'=>$ticket->id])}}" class="message" data-id="{{ $ticket->user_id }}"
                                                data-ticket_id="{{ $ticket->id }}">
                                                Sent Message
                                            </a>
                                        </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