laporan bilangan pengadai berdasarkan pekerjaan

resources/js/Akaun/BilanganPengadai.vue

@@ -0,0 +1,110 @@
+<template>
+    <div class="container">
+ 
+             <div class="flex w-full">
+                 <div class="xl:w-2/3 2xl:w-1/2 p-8 mx-auto">
+                 <div class="bg-yellow-600 text-gray-200 text-lg px-6 py-4 rounded-t-lg">       
+                    <router-link to="/akaunhome">
+                         <i class="fas fa-backspace text-white"></i>
+                     </router-link>
+                     <span class="text-center mx-auto text-white font-bold">Laporan Bilangan Pengadai (Pekerjaan)</span>
+                 </div>
+                     <form method="get" id="formpendser" :action="Urlredirect()" target="_blank">
+                     <input :value="$kodcaw" name="kodcaw" hidden/>
+                     <div class="rounded bg-white shadow p-6">
+                         <div class="pb-6">
+                         <!-- <label for="username" class="font-semibold text-gray-700 block pb-1">Tarikh</label> -->
+                             <div class="flex place-content-center mb-2">
+                                 <input :value="jenisgenerate" type="hidden" name="jenis" />
+                                 <input :value="$hostname" name="hostname" hidden/>
+                                 <input :value="$kodcaw" name="kodcaw" hidden/>
+                                 <span style="background-color: #F9FAFB" class="text-gray-600 border border-2 rounded-l px-4 py-2 whitespace-no-wrap">Mula</span>
+                                 <input id="tarikhmula" name="datemula" class="border border-2 border-l-0 rounded-r px-4 py-2 w-80r mr-2" type="date" />
+                                 <span style="background-color: #F9FAFB" class="text-gray-600 border border-2 rounded-l px-4 py-2 whitespace-no-wrap">Hingga</span>
+                                 <input id="tarikhmula" name="datehingga" class="border border-2 border-l-0 rounded-r px-4 py-2 w-80r mr-2" type="date" />
+                             </div>
+                         </div> 
+ 
+                           <div class="flex justify-center mb-4">
+                                 <div class="mx-2 radio">
+                                     <input type="radio" id="pekerja" name="radpendser" value="pekerja" class="hidden focus:bg-gray-500" v-model="selected">
+                                     <label for="pekerja" class="cursor-pointer text-gray-500 focus:bg-gray-500 hover:bg-gray-200 focus:bg-purple-500 focus:bg-purple-500 focus:outline-none border px-10 py-4 border-solid border-gray-500 rounded">Pekerjaan</label>
+                                 </div>
+                                 
+                               
+
+                                
+                             </div>
+                             <br>
+
+                            
+ 
+                             <div class="flex justify-end mt-10">
+                                 <!-- <button @click.prevent="generatepdf" class=" mr-2 border border-yellow-600 text-yellow-600 font-montserrat py-2 px-8 font-medium rounded-xl hover:bg-yellow-600 hover:text-white transition-all duration-300"><i class="fas fa-file-pdf mr-2"></i>PDF</button> -->
+                                 <button @click.prevent="generateview" class="border border-yellow-600 text-yellow-600 font-montserrat py-2 px-8 font-medium rounded-xl hover:bg-yellow-600 hover:text-white transition-all duration-300"><i class="fas fa-eye mr-2"></i>View</button>
+                             </div>
+ 
+                     </div>
+                     </form>
+                 </div>
+             </div>
+     </div>
+ </template>
+ 
+ 
+ <style>
+ .radio input:checked + label{
+     border-color:#F6D860;
+     background-color:#FFF1BD;
+     outline:none;
+ }
+ 
+ </style>
+ <script>
+ export default {
+     data(){
+         return{
+             jenisgenerate:'none',
+             selected:'',
+             kodcaw:''
+             
+         }
+     },
+     methods: {
+         async generatepdf(){
+             await this.setJenis('pdf');
+ 
+             Vue.swal({
+                 title: 'Memuatkan...',
+                 allowEscapeKey : false,
+                 allowOutsideClick: false,
+                 showCancelButton: false,
+                 showConfirmButton: false,
+                 timer: 8000,
+             });
+             document.getElementById("formpendser").submit();
+         },
+         async generateview(){
+             await this.setJenis('view');
+ 
+             Vue.swal({
+                 title: 'Memuatkan...',
+                 allowEscapeKey : false,
+                 allowOutsideClick: false,
+                 showCancelButton: false,
+                 showConfirmButton: false,
+                 timer: 8000,
+ 
+             });
+             document.getElementById("formpendser").submit();
+         },
+         Urlredirect: function() {
+          return window.route('cetak.bilpengadai')
+         },
+         setJenis: function(value){
+             return this.jenisgenerate = value;
+         }
+     }
+     
+ }
+ </script>

resources/js/Akaun/Home.vue

@@ -144,6 +144,11 @@
                     <h2 class="mx-auto text-center font-bold text-2xl uppercase">Tuntut Rugi Lelong</h2>
                 </router-link>
             </div>
+            <div class="bg-white ml-2 shadow border border-solid px-6 py-4 rounded-lg hover:bg-yellow-300 hover:transition-all mb-2 cursor-pointer">
+                <router-link to="/akaunhome/BilanganPengadai">
+                    <h2 class="mx-auto text-center font-bold text-2xl uppercase">Bilangan Pengadai</h2>
+                </router-link>
+            </div>
         </div>
 
     </div>

resources/js/routes.js

@@ -28,6 +28,8 @@ import SerahTebus from './Akaun/SerahTebus'
 import Online from './Akaun/Online'
 import TuntutLelong from './Akaun/TuntutLelong'
 import Dashboard from './Dashboard/index'
+import BilanganPengadai from './Akaun/BilanganPengadai'
+
 
 
 
@@ -89,6 +91,8 @@ export default new VueRouter({
         { path: '/akaunhome/serahtebus', component: SerahTebus },
         { path: '/akaunhome/online', component: Online },
         { path: '/akaunhome/tuntutrugi', component: TuntutLelong },
+        { path: '/akaunhome/BilanganPengadai', component: BilanganPengadai },
+
 
 
 

resources/views/akaun/laporan_bilangan_pengadai.blade.php

@@ -0,0 +1,263 @@
+<style>
+    #header {
+        font-family: Arial, Helvetica, sans-serif;
+        border-collapse: collapse;
+        width: 100%;
+    }
+
+    #header td,
+    #customers th {
+
+        padding: 4px;
+        font-size: 10px;
+    }
+
+    #header tr:nth-child(even) {
+        background-color: #ffffff;
+    }
+
+    #header tr:hover {
+        background-color: #ddd;
+    }
+
+    #header th {
+        padding-top: 12px;
+        padding-bottom: 12px;
+        text-align: left;
+        padding: 4px;
+        color: black;
+    }
+</style>
+
+
+
+<style>
+    #scan {
+        font-family: Arial, Helvetica, sans-serif;
+        border-collapse: collapse;
+        width: 100%;
+    }
+
+    #scan td,
+    #scan th {
+
+        padding: 8px;
+        font-size: 11px;
+    }
+
+    #scan tr:nth-child(even) {
+        background-color: #ffffff;
+    }
+
+    #scan tr:hover {
+        background-color: #ddd;
+    }
+
+    #scan th {
+        padding-top: 12px;
+        padding-bottom: 12px;
+        text-align: left;
+        padding: 4px;
+        color: black;
+    }
+</style>
+
+
+<style>
+    #scan {
+        font-family: Arial, Helvetica, sans-serif;
+        border-collapse: collapse;
+        width: 100%;
+    }
+
+    #scan td,
+    #scan th {
+        border-collapse: collapse;
+        padding: 8px;
+        font-size: 11px;
+    }
+
+    #scan tr:nth-child(even) {
+        background-color: #ffffff;
+    }
+
+    #scan tr:hover {
+        background-color: #ddd;
+    }
+
+    #scan th {
+        border-collapse: collapse;
+        padding-top: 12px;
+        padding-bottom: 12px;
+        text-align: left;
+        padding: 4px;
+        color: black;
+    }
+</style>
+
+
+
+<style>
+    #details {
+        font-family: Arial, Helvetica, sans-serif;
+        border-collapse: collapse;
+        width: 100%;
+    }
+
+    #details td,
+    #details th {
+
+        padding: 8px;
+        font-size: 8px;
+    }
+
+    #details tr:nth-child(even) {
+        background-color: #ffffff;
+    }
+
+    #details tr:hover {
+        background-color: #ddd;
+    }
+
+    #details th {
+        padding-top: 12px;
+        font-style: bold;
+        padding-bottom: 12px;
+        text-align: left;
+        padding: 4px;
+        color: black;
+    }
+</style>
+
+<style>
+    #sign {
+        font-family: Arial, Helvetica, sans-serif;
+        border-collapse: collapse;
+        width: 100%;
+    }
+
+    #sign td,
+    #sign th {
+
+        padding: 8px;
+        font-size: 11px;
+        text-align: center;
+    }
+
+    #sign tr:nth-child(even) {
+        background-color: #ffffff;
+    }
+
+    #sign tr:hover {
+        background-color: #ddd;
+    }
+
+    #sign th {
+        padding-top: 12px;
+        padding-bottom: 12px;
+        text-align: left;
+        padding: 4px;
+        color: black;
+    }
+
+    @media print {
+        .new-page {
+            page-break-before: always;
+        }
+    }
+</style>
+
+
+
+
+
+
+
+
+<table id="header">
+    <tr>
+
+    </tr>
+    <tr>
+        <td style="font-size:20px;font-weight:bold;">{{ $cawangan_detail['namacaw'] }}</td>
+        <td></td>
+    </tr>
+
+</table>
+<br>
+
+<table id="scan">
+    <tr>
+        <th colspan="5"><b>LAPORAN Bilangan Pengadai</b></th>
+        <th> </th>
+        <th> </th>
+        <th></th>
+    </tr>
+    <tr>
+        <th colspan="5"><b> TARIKH CETAK:</b>
+            @php
+                $myDateTime = DateTime::createFromFormat('Y-m-d', $tarikh_cetak);
+                $formattedweddingdate = $myDateTime->format('d-m-Y');
+                echo $formattedweddingdate;
+            @endphp
+        </th>
+        <td> </td>
+        <td> </td>
+        <td> </td>
+        <td> </td>
+        <td> </td>
+        <td> </td>
+    </tr>
+    <tr>
+        <td style="width:20px"> <b>MULA:</b></td>
+        <td>@php
+            $myDateTime = DateTime::createFromFormat('Y-m-d', $mula_date);
+            $formattedweddingdate = $myDateTime->format('d-m-Y');
+            echo $formattedweddingdate;
+        @endphp</td>
+        <td style="width:20px"> <b>HINGGA:</b></td>
+        <td>@php
+            $myDateTime = DateTime::createFromFormat('Y-m-d', $hingga_date);
+            $formattedweddingdate = $myDateTime->format('d-m-Y');
+            echo $formattedweddingdate;
+        @endphp</td>
+        <td> </td>
+        <td> </td>
+        <td> </td>
+        <td> </td>
+        <td> </td>
+        <td> </td>
+    </tr>
+</table>
+
+<br>
+<table id="details">
+    <tr>
+        <th>Jenis Pekerjaan</th>
+        <th>Bilangan Pengadai</th>
+
+    </tr>
+    @php
+        $totalpengadai = 0;
+        
+    @endphp
+    @foreach ($bilpengadai as $index => $item)
+        <td>{{ $item['keterangan'] }}</td>
+        <td>{{ $item['bilangangadai'] }}</td>
+
+
+        @php
+            $totalpengadai += $item['bilangangadai'];
+        @endphp
+        </tr>
+    @endforeach
+
+    <tr>
+        <td>Jumlah: </td>
+        <td>{{$totalpengadai}} </td>
+
+    </tr>
+
+
+
+</table>