@extends('dashboard.layout.layout')

@section('content')
  <!-- BEGIN: Content-->
  <div class="app-content content ">
    <div class="content-overlay"></div>
    <div class="header-navbar-shadow"></div>
    <div class="content-wrapper container-xxl p-0">
      <div class="content-header row">
      </div>
      <div class="content-body">
        <!-- users list start -->
        <section class="app-user-list">
          <!-- list and filter start -->
          <div class="card">
            <div class="card-header">
              <h4 class="card-title mb-3">{{ $title }}</h4>
            </div>
            <div class="card-body border-bottom">
              <div class="alert alert-info p-1 mb-2">
                ერთი გადახდა შეიძლება დაიყოს რამდენიმე ტიპად (მაგ. ტელეფონი + ძირითადი), ამიტომ ერთი და იგივე ტრანზაქციის ID
                შესაძლოა რამდენიმე სტრიქონად გამოჩნდეს.
              </div>
              <div class="card-datatable table-responsive p-1">
                <table class="dt-column-search table" id="reportsTable">
                  <thead class="table-light">
                    <tr>
                      <th>სახელი, გვარი</th>
                      <th>აბონენტის ნომერი</th>
                      <th>თანხა</th>
                      <th>სერვისი</th>
                      <th>ტრანაქციის ID</th>
                      <th>ტიპი</th>
                      <th>თარიღი</th>
                      <th>დრო</th>
                    </tr>
                  </thead>
                  <tfoot>
                    <tr>
                      <th>სახელი, გვარი</th>
                      <th>აბონენტის ნომერი</th>
                      <th>თანხა</th>
                      <th>სერვისი</th>
                      <th>ტრანაქციის ID</th>
                      <th>ტიპი</th>
                      <th>თარიღი</th>
                      <th>დრო</th>
                    </tr>
                  </tfoot>
                </table>
              </div>
            </div>
          </div>
          <!-- list and filter end -->
        </section>
        <!-- users list ends -->
      </div>
    </div>
  </div>
  <!-- END: Content-->
  @can('reports.store')
    <div class="modal fade text-start modal-success" id="addTransaction" tabindex="-1" aria-labelledby="addTransaction"
      aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered">
        <form class="modal-content" method="POST" action="{{ route('reports.store') }}">
          @csrf
          <div class="modal-header">
            <h5 class="modal-title" id="addTransaction">ტრანსაქციის დამატება</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="modal-body">
            <div class="row justify-content-between">
              <div class="form-group col-6">
                <label for="account_number">აბონენტის ნომერი</label>
                <input type="text" name="account_number" class="form-control" id="account_number"
                  placeholder="აბონენტის ნომერი" required>
              </div>
              <div class="form-group col-6">
                <label for="amount">თანხა</label>
                <input type="text" name="amount" class="form-control" id="amount" placeholder="თანხა" required>
              </div>
              <div class="form-group col-12 mt-3">
                <label for="datetime">თარიღი (ამ ფორმატით: {{ \Carbon\Carbon::now() }})</label>
                <input type="text" name="datetime" class="form-control" id="datetime"
                  placeholder="{{ \Carbon\Carbon::now() }}">
              </div>
              <div class="form-group col-12 mt-3">
                <label for="comment">კომენტარი</label>
                <input type="text" name="comment" class="form-control" id="comment" placeholder="კომენტარი">
              </div>
            </div>
          </div>
          <div class="modal-footer">
            <button type="submit" class="btn btn-success" data-bs-dismiss="modal">დამატება</button>
          </div>
        </form>
      </div>
    </div>
    <div class="modal fade text-start modal-success" id="editComment" tabindex="-1" aria-labelledby="editComment"
      aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content" id="commentSubmit">
          <div class="modal-header">
            <h5 class="modal-title" id="editComment">კომენტარის რედაქტირება</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="modal-body">
            <div class="row justify-content-between">
              <input type="hidden" name="_token" id="CSRFtoken" value="{{ csrf_token() }}" />
              <input id="transactionId" value="" hidden />
              <div class="form-group col-12">
                <label for="commentInput">კომენტარი</label>
                <textarea name="commentInput" rows="5" class="form-control" id="commentInput" placeholder="კომენტარი"
                  value=""></textarea>
              </div>
            </div>
          </div>
          <div class="modal-footer">
            <button type="submit" id="saveComment" class="btn btn-success" data-bs-dismiss="modal">შენახვა</button>
          </div>
        </div>
      </div>
    </div>
  @endcan
@endsection
@push('scripts')
  <script src="https://cdn.datatables.net/buttons/2.3.2/js/dataTables.buttons.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.2/moment.min.js"></script>
  <script src="https://cdn.datatables.net/datetime/1.2.0/js/dataTables.dateTime.min.js"></script>
  <script>
    $(function() {
      var table = $('#reportsTable').DataTable({
        dom: 'frtip',

        lengthMenu: [
          [25, 50, 75, 100, -1],
          ['25 ჩანაწერი', '50 ჩანაწერი', '75 ჩანაწერი', '100 ჩანაწერი', 'ყველას ჩვენება']
        ],
        processing: true,
        "drawCallback": function(settings) {
          feather.replace();
          var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
          var tooltipList = tooltipTriggerList.map(function(tooltipTriggerEl) {
            return new bootstrap.Tooltip(tooltipTriggerEl)
          })
        },
        searching: true,
        language: {
          url: '/app-assets/data/locales/ka.json'
        },
        serverSide: true,
        ajax: "{{ route('transactions.users') }}",
        order: [
          [6, 'desc']
        ],
        columns: [{
            data: 'name',
            name: 'name',
            orderable: false,
            searchable: false
          },
          {
            data: 'account',
            name: 'account',
            searchable: true,
            orderable: false
          },
          {
            data: 'amount',
            name: 'amount',
            orderable: true,
            searchable: false
          },
          {
            data: 'service',
            name: 'service',
            orderable: false,
            searchable: false
          },
          {
            data: 'tnx_id',
            name: 'tnx_id',
            orderable: false,
            searchable: false
          },
          {
            data: 'tnx_type',
            name: 'tnx_type',
            orderable: true,
            searchable: false
          },
          {
            data: 'paid_at',
            name: 'paid_at',
            orderable: true,
            searchable: false
          },
          {
            data: 'time',
            name: 'time',
            orderable: true,
            searchable: false
          },
        ],
        language: {
          search: 'ძიება: ',
          searchPlaceholder: "აბონენტის ნომერი",
        }
      });
    });
  </script>
@endpush