admin-erahn/resources/views/autoserahan/index.blade.php

@extends('layouts.app')

@section('content')
<div class="bg-gray-900 opacity-50 hidden fixed inset-0 z-10" id="sidebarBackdrop"></div>
<div id="main-content" class="h-full w-full bg-gray-50 relative overflow-y-auto">
   <main>
        <div class="pt-6 px-4">
            <breadcrumb :items="[{'title' : 'Kelulusan Serahan', 'icon' : 'fas fa-stamp','url' : {{ json_encode(route('transaction.online.home')) }}}]"></breadcrumb>
      
            @if (session('success'))
            <div id="successMessage" class="bg-green-500 text-white p-3 rounded-lg mb-4 flex justify-between items-center">
                <span>{{ session('success') }}</span>
                <button onclick="document.getElementById('successMessage').remove()" class="text-white ml-2">&times;</button>
            </div>
            @endif
            @if (session('error'))
                <div id="errorMessage" class="bg-red-500 text-white p-3 rounded-lg mb-4 flex justify-between items-center">
                    <span>{{ session('error') }}</span>
                    <button onclick="document.getElementById('errorMessage').remove()" class="text-white ml-2">&times;</button>
                </div>
            @endif

            <h1>Kelulusan Serahan</h1>
            <table class="min-w-full leading-normal">
                  <thead class="text-center">
                      <tr>
                          <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-xs font-semibold text-gray-600 uppercase tracking-wider text-center">Bil</th>
                          <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-xs font-semibold text-gray-600 uppercase tracking-wider text-center">Cawangan</th>
                          <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-xs font-semibold text-gray-600 uppercase tracking-wider text-center">Tindakan</th>
                          <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-xs font-semibold text-gray-600 uppercase tracking-wider text-center">Pemohon</th>
                          <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-xs font-semibold text-gray-600 uppercase tracking-wider text-center">Amaun</th>
                          <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-xs font-semibold text-gray-600 uppercase tracking-wider text-center">Tindakan</th>
                      </tr>
                  </thead>
                  @if ($list->count() > 0)
                  @foreach($list as $item)
                  <tbody>
                      <tr>
                          <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm text-center">{{ $item['id'] }}</td>
                          <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm text-center">{{ $item['cawangan_name'] }}</td>
                          <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm text-center">
                            @if($item['action'] === 'create')
                                <span class="inline-flex items-center rounded-md bg-green-50 px-2 py-1 text-xs font-medium text-green-800 ring-1 ring-green-600/20 ring-inset">
                                    Create
                                </span>
                            @elseif($item['action'] === 'delete')
                                <span class="inline-flex items-center rounded-md bg-red-50 px-2 py-1 text-xs font-medium text-red-800 ring-1 ring-red-600/20 ring-inset">
                                    Delete
                                </span>
                            @endif
                        </td>
                          <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm text-center">{{ $item['pc_name'] }}</td>
                          <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm text-center">{{ number_format($item['amount'], 2) }}</td>
                          <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm text-center">
                            <a href="{{ route('autoserahan.approve', ['id' => $item['id'], 'kodcaw' => $item['kodcaw'], 'teller' => $item['pc_name'], 'amaun' => $item['amount']]) }}" 
                                onclick="return confirmApproval(event, this)" 
                                class="cursor-pointer bg-green-500 hover:bg-green-700 text-white font-bold py-2 px-4 rounded">
                                 <i class="fas fa-thumbs-up mr-1 text-md"></i> Lulus
                             </a>
                             <a href="{{ route('autoserahan.reject', ['id' => $item['id'], 'kodcaw' => $item['kodcaw'], 'teller' => $item['pc_name'], 'amaun' => $item['amount']]) }}" 
                                onclick="return confirmApproval(event, this)" 
                                class="cursor-pointer bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded">
                                 <i class="fas fa-thumbs-down mr-1 text-md"></i> Tolak
                             </a>
                          </td>
                      </tr>
                  </tbody>
                  @endforeach
              @else
                  <tbody>
                      <tr>
                          <td colspan="5" class="text-center bg-white py-5 text-gray-500 text-sm font-semibold">Tiada data</td>
                      </tr>
                  </tbody>
              @endif
          </table>
          
          <!-- Pagination Controls -->
          <div class="mt-4 flex justify-right">
              {{ $list->links() }}
          </div>
        </div>
   </main>



   @include('layouts.footer')

</div>
@push('additional_scripts')
<script>
    async function requestPasswordAndSend(element) {
        const {
            value: katalaluan
        } = await Swal.fire({
            title: 'Masukkan Katalaluan Semula',
            input: 'password',
            inputPlaceholder: 'Katalaluan',
            confirmButtonText: 'Hantar',
            showCancelButton: true,
            cancelButtonText: 'Batal',
            allowOutsideClick: false
        });
        boolkatalaluan = 0;
        if (katalaluan) { 
            $.ajax({
                url: '/mintasemulakelulusan',
                type: 'GET',
                data: { passsemula: katalaluan },
                success: function(response) {
                    boolkatalaluan = response;
                    if (boolkatalaluan == 1) {
                        Swal.fire({
                            title: 'Success',
                            text: 'Katalaluan Sah',
                            icon: 'success',
                            confirmButtonText: 'OK',
                            allowOutsideClick: false,
                            allowEscapeKey: false,
                        }).then((result) => {
                            if (result.isConfirmed) {
                                window.location.href = element.href;
                            }
                        });
                    } else {
                        Swal.fire('Error', 'Katalaluan Tidak Sah', 'error');
                    }
                },
                error: function(xhr, status, error) {
                    console.error('Error:', error);
                    Swal.fire('Error', 'Something went wrong!', 'error');
                }
            });
        }else{
            return false;
        }

    }

    function confirmApproval(event, element) {
        event.preventDefault();
    
        requestPasswordAndSend(element);
    }
</script>
@endpush
@endsection