@extends('layouts.app')
<style>

.radiostyle .radio-green {
            background-color: #27ae60;
            color:white;
            box-shadow: 5px 10px #888888;
            width:200px;
            margin-right:5px;
            transition: 0.5s ease;
        }

        .radiostyle .radio-red {
            background-color: #e74c3c;
            color:white;
            width:200px;
            margin-right:5px;
            box-shadow: 5px 10px #888888;
            transition: 0.5s ease;
        }

        .radiostyle .radio-yellow {
            background-color: #3498db;
            color:white;
            width:200px;
            margin-right:5px;
            box-shadow: 5px 10px #888888;
            transition: 0.5s ease;
        }

        .radiostyle .radio-green:hover {
            box-shadow: 5px 5px #888888;


        }

        .radiostyle .radio-red:hover {
            box-shadow: 5px 5px #888888;

        }

        .radiostyle .radio-yellow:hover {
            box-shadow: 5px 5px #888888;

        }

        .radiostyle .radio-green input[type="radio"]:checked{
            box-shadow: 5px 10px #888888;
        }

        .radiostyle .radio-yellow input[type="radio"]:checked{
            box-shadow: 5px 10px #888888;
        }

        .radiostyle .radio-red input[type="radio"]:checked{
            box-shadow: 5px 10px #888888;
        }


</style>

<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: 13px;
    }

    #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;
    }
</style>




@section('content')
<div class="container-fluid">
    <div class="row justify-content-center">
        <div class="col-md-12">
            <div class="card">
              <nav aria-label="breadcrumb">
                <ol class="breadcrumb pb-3">
                  <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
                  <li class="breadcrumb-item"><a href="{{ route('laporan') }}">Laporan</a></li>
                  <li class="breadcrumb-item"><a href="{{ route('laporan.stokauditkhas') }}">SA(Blast Whatsapp)</a></li>
                  <li class="breadcrumb-item active" aria-current="page">Stok Audit Khas (Blast Whatsapp)</li>
                </ol>
              </nav>


                <div class="card-body text-center">

  <form id="exportpdf" action="{{route('stokaudit.exportlaporancetakkhas')}}" target="_blank" method="POST">
    {{-- <a class="btn m-1 btn-success confirmdel" href="{{route('stokaudit.exportlaporancetakkhas')}}" data-toggle="tooltip" data-placement="top" title="Blast"><i class="far fa-mail-alt"></i>Blast Whatsapp & SMS</a> --}}
        @csrf
        <input type="hidden" name="type" id="typedonwload" value="">
        <input type="hidden" name="daritempoh" value="{{ $daritempoh}}">
        <input type="hidden" name="hinggatempoh" value="{{ $hinggatempoh}}">
        <input type='hidden' name="radaktif" value="aktif">
  <table id="scan">
    <tr>
        <th colspan ="5"><b>Laporan Stok Audit Khas (Blast Whatsapp)</b></th>

        <th><b> Tarikh Cetak:</b>
            @php
                $myDateTime = DateTime::createFromFormat('Y-m-d', $tarikh_cetak);
                $formattedweddingdate = $myDateTime->format('d-m-Y');
                echo $formattedweddingdate;
            @endphp
        </th>
        <th></th>
    </tr>
    <tr>
        <th> <b>Dari Tempoh: {{$daritempoh}} hingga Tempoh: {{$hinggatempoh}}</b></th>
        <td></td>
        <td style="width:50px"></td>
    </tr>
</table>

<br>
<table class="table table-bordered" id="details" style="width:100%">
    <thead>
        <th>Bil</th>
        <!-- <th>Status</th> -->
        <th>Nama</th>
        <th>No. KP</th>
        <th>No. Telefon</th>
        <th>Norujukan</th>
        <th>Tempoh</th>
        <th>Berat</th>
        <th>Nilai Marhun (RM)</th>
        <th>Pembiayaan Asal (RM)</th>
        <th>Baki Pembiayaan (RM)</th>
        <th>Keuntungan Belum Bayar (RM)</th>
    </thead>
    @php
        $counter = 1;
        $totalpinjaman = 0;

        // Sort ikut norujukan
        $rekod = collect($stokaudit[0])->sortBy('norujukan')->values();
    @endphp

    @foreach ($rekod as $item)
        @php
            $status = $item['blasted'] == null ? 'Belum' : 'Selesai';
            $totalpinjaman += $item['pinjaman'];
        @endphp

        <tr>
            <td>{{ $counter }}</td>
            <!-- <td style="white-space: nowrap">{{ $status }}</td> -->
            <td style="white-space: nowrap;">{{ $item['customer']['nama'] ?? '-' }}</td>
            <td>{{ $item['nokp'] }}</td>
            <td>{{ $item['customer']['telefon'] ?? '-' }}</td>
            <td style="white-space: nowrap;">{{ $item['norujukan'] }}</td>
            <td>{{ $item['tempoh'] }}</td>
            <td>{{ $item['berat'] }}</td>
            <td align="right">{{ number_format($item['nilaimarhun'], 2) }}</td>
            <td align="right">{{ number_format($item['pinjaman'], 2) }}</td>
            <td align="right">{{ number_format($item['bakipjm'], 2) }}</td>
            <td align="right">{{ number_format($item['tunggakan'], 2) }}</td>
        </tr>
        @php $counter++; @endphp
    @endforeach

    <tfoot>
        <th colspan='6'>Jumlah</th>
        <th>{{ number_format(collect($rekod)->sum('berat'), 2) }}</th>
        <th style="text-align:right; font-weight:bold;">{{ number_format(collect($rekod)->sum('nilaimarhun'), 2) }}</th>
        <th style="text-align:right; font-weight:bold;">{{ number_format(collect($rekod)->sum('pinjaman'), 2) }}</th>
        <th style="text-align:right; font-weight:bold;">{{ number_format(collect($rekod)->sum('bakipjm'), 2) }}</th>
        <th style="text-align:right; font-weight:bold;">{{ number_format(collect($rekod)->sum('tunggakan'), 2) }}</th>
    </tfoot>
</table>



<br>
<br>
{{-- <table id="sign">
    <tr>
        <td></td>
        <td colspan="2"> .................................................................. </td>
        <td> </td>
        <td colspan="2">.................................................................. </td>
        <td> </td>
    </tr>
    <tr>
        <td></td>
        <td colspan="2"><B> DI SEMAK</B> </td>
        <td> </td>
        <td colspan="2"><B>DI SAHKAN </B></td>
        <td> </td>
    </tr>
</table> --}}
</form>
</div>
</div>
</div>
</div>

<script>        
        
  var tablelelongbid= $('#details').DataTable( {
      "columnDefs": [ 
          {
          "targets": 0,
          "target": '_blank',
          "orderable": false
          }, 
          {
          "targets": 5,
          "orderable": false
          }
      ],
      // order: [[1, 'asc']],
      // // "ordering": false,
      "info": false,
      "lengthChange": false,
      "pageLength": 9999999,
      dom: 'Bfrtip',
      buttons: [
         
          {
              className: 'btn btn-outline-success pl-4 pr-4 btn-sm  export',
              target: "_blank",
              titleAttr: 'Export to Excel',
              text: '<h8><b>EXCEL</b></h8>',
              action: function ( e, dt, node, config ) {
                  $('#typedonwload').val('excel');
                  $("#exportpdf").submit();
                  // window.open("_blank");
              }
          },
          {
              className: 'btn btn-outline-danger pl-4 pr-4 btn-sm  export',
              titleAttr: 'Export to PDF',
              text: '<h8><b>PDF</b></h8>',
              action: function ( e, dt, node, config ) {
                  $('#typedonwload').val('pdf');
                  $("#exportpdf").submit();
                }
                
            },
            // {
            //     className: 'btn btn-outline-info pl-4 pr-4 btn-sm  export',
            //     target: "_blank",
            //     titleAttr: 'Blast Whatsapp',
            //     text: '<h8><b>WHATSAPP & SMS</b></h8>',
            //     action: function ( e, dt, node, config ) {
            //         // $('#typedonwload').val('whatsapp');
            //         // $("#exportpdf").submit();
            //         $("#exportpdf").click(function() {
            //         $('[data-toggle="tooltip"]').tooltip()
            //          alert("ADAKAH ANDA PASTI?");
            //          $('#typedonwload').val('whatsapp');
            //          $("#exportpdf").submit();
            //         });
            //     }
            // }
            
            
          
      ]
      
  });

  $('.export').tooltip();
  $( '.export').removeClass('dt-button');


</script>

@endsection