erahn-click/resources/views/pembayaran/paymentlist.blade.php

@extends('layouts.app')

@section('content')
    @include('layouts.headers.cards')

    <!-- Header -->
    <div class="header bg-primary pb-6">
      <div class="container-fluid">
        <div class="header-body">
          <div class="row align-items-center py-4">
            <div class="col-lg-6 col-7">

              <nav aria-label="breadcrumb" class="d-none d-md-inline-block ml-md-4">
                <ol class="breadcrumb breadcrumb-links breadcrumb-dark">
                  <li class="breadcrumb-item"><a href="{{ route('home') }}"><i class="fas fa-home"></i></a></li>
                  <li class="breadcrumb-item"><a href="{{ route('semaksag') }}">Semak SAG</a></li>
                  <li class="breadcrumb-item active" aria-current="page">Senarai SAG</li>
                </ol>
              </nav>
            </div>
            {{-- <div class="col-lg-6 col-5 text-right">
              <a href="#" class="btn btn-sm btn-neutral">New</a>
              <a href="#" class="btn btn-sm btn-neutral">Filters</a>
            </div> --}}
          </div>
        </div>
      </div>
    </div>
    <!-- Page content -->
    <div class="container-fluid mt--6">
      <div class="row">
        <div class="col">
          <div class="card">
            <br>
            <div class="container col-11 shadow-lg p-3 mb-5 bg-white rounded">
              <!-- Card header -->
              <div class="card-header border-0">
                <h3 class="mb-0">Ar-Rahn</h3>
              </div>

              <form>
                <!-- Light table -->
                <div class="table-responsive table-striped">
                  <table class="table align-items-center table-flush" id="belum_tawarruq">
                    <thead class="thead-light">
                      <tr>
                        <th scope="col" class="sort" data-sort="name">No Rujukan</th>
                        <th scope="col" class="sort" data-sort="budget">Pembiayaan</th>
                        <th scope="col" class="sort" data-sort="status">Upah</th>
                        <th scope="col" class="sort" data-sort="status">Nilai Marhun</th>
                        <th scope="col" class="sort" data-sort="status">Berat</th>
                        <th scope="col" class="sort" data-sort="status">Marhun</th>
                        <th scope="col" class="sort" data-sort="status">JBG</th>
                        <th scope="col" class="sort" data-sort="status">Kadar Upah</th>
                        <th scope="col" class="sort" data-sort="status">Tindakan</th>
                      </tr>
                    </thead>
                    <tbody class="list">
                    @foreach($belum_tebus as $index=>$bt)
                      @if($bt['hargajualan'] == '')
                        <tr>
                          <th scope="row">
                            <div class="media align-items-center">
                              <div class="media-body">
                                <a href="{{ route('penyata.show',$bt['norujukan']) }}" target="_blank"><span class="name mb-0 text-sm">{{ $bt['norujukan'] }}</span></a>
                              </div>
                            </div>
                          </th>
                          <td>
                            {{ number_format($bt['pinjaman'],2) }}
                          </td>
                          <td>
                            {{ number_format($bt['pinjaman'],2) }}
                          </td>
                          <td>
                            {{ number_format($bt['pinjaman'],2) }}
                          </td>
                          <td>
                            {{ number_format($bt['pinjaman'],2) }}
                          </td>
                          <td>
                            {{ number_format($bt['pinjaman'],2) }}
                          </td>
                          <td>
                            {{ number_format($bt['pinjaman'],2) }}
                          </td>
                          <td>
                            {{ number_format($bt['pinjaman'],2) }}
                          </td>
                          <td>
                            <input type="checkbox" name="chkboxsag" value="{{ $bt['norujukan'] }}" id="sag-{{ $loop->iteration }}" data-norujukan="{{ $bt['norujukan'] }}"/>
                          </td>
                        </tr>
                      @endif
                    @endforeach
                    </tbody>
                  </table>
                </div>
                <br>
              
                <div class="d-flex justify-content-end">
                  <button type="submit" class="btn btn-primary">Seterusnya<span class="rounded bg-red ml-2 pr-1 pl-1" id="totalsag">0</span></button>
                </div>
            </form>
            </div>
          </div>
        </div>
      </div>

    </div>

    <script>
      var belumtawarruqtable = $('#belum_tawarruq').DataTable({
        // dom: 'Bfrtip',
        // buttons: [
        //   'copy', 'excel', 'pdf'
        // ],
        // "bPaginate": false,
        "bLengthChange": false,
        "bFilter": true,
        "bInfo": false,
        language: {
          'paginate': {
            'previous': '<span class="fas fa-backward"></span>',
            'next': '<span class="fas fa-forward"></span>'
          }
        }
      });

      $("input[type='checkbox'][name='chkboxsag']").click(function () {
        var count = parseInt($('#totalsag').text());
        if ($(this).is(':checked')) {
          var total = count + 1;
          $('#totalsag').text(total);
        }else{
          var total = count - 1;
          $('#totalsag').text(total);
        }
      });



    </script>

@endsection

@push('js')
    <script src="{{ asset('argon') }}/vendor/chart.js/dist/Chart.min.js"></script>
    <script src="{{ asset('argon') }}/vendor/chart.js/dist/Chart.extension.js"></script>
@endpush