@extends('layouts.layout')

@section('body_class', 'nav-md')

@section('body_content')
    <div class="container body">
        <div class="main_container">
            @include('includes.sidebar')
            <div class="right_col" role="main">
                <div class="page-title">
                    <div class="title_left">
                        <div class="row">
                            <div class="col-xs-6 col-sm-6 col-md-6">
                                <h2 class="title-dashboard text-left">
                                    <h3>List Approval</h3>
                                </h2>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
                <style>
                    .bottom-align {
                        vertical-align: bottom;
                    }
                </style>

                <div class="row">
                    <div class="col-xs-12 col-sm-12">
                        <div class="x_panel">
                            <div class="x_content">
                                <table class="table table-bordered table-striped">
                                    <thead>
                                        <tr>
                                            <th class="text-center">No</th>
                                            <th class="text-center">Nomor Pengajuan</th>
                                            <th class="text-center">Diajukan Oleh</th>
                                            <th class="text-center">Total Account</th>
                                            <th class="text-center">Total Gramasi</th>
                                            <th class="text-center">Detail</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        {{-- @php
                                            $totalQty = 0;
                                            $totalBrt = 0;
                                        @endphp --}}
                                        @foreach ($shows as $index => $data )
                                            <tr>
                                                <td class="text-center" style="vertical-align: middle">{{ $index + 1 }}</td>
                                                <td class="text-center" style="vertical-align: middle">{{ $data->nomor_pengajuan }}</td>
                                                <td class="text-center" style="vertical-align: middle">{{ $data->users->name }} </td>
                                                <td class="text-center" style="vertical-align: middle">{{ $data->total_account }}</td>
                                                <td class="text-center" style="vertical-align: middle">{{ $data->total_gramasi }} Gram</td>
                                                <td class="text-center">
                                                    <a class="text-center" href="{{ route('special_interest_rate/detail', ['id' => $data->id]) }}" target="_blank">
                                                        <button type="submit" class="btn btn-warning btn-search"> Detail</button>
                                                    </a>
                                                </td>
                                            </tr>
                                            {{-- @php
                                                $totalQty += $data->total_qty;
                                                $totalBrt +=  $data->pecahan;
                                            @endphp --}}
                                        @endforeach
                                        {{-- <tfoot>
                                            <tr>
                                                <td colspan="7" class="text-right">Total:</td>
                                                <td class="text-center">{{ $totalQty }}</td>
                                                <td class="text-center">{{ $totalBrt }}</td>
                                            </tr>
                                        </tfoot> --}}
                                    </tbody>
                                </table>
                                {{ $shows->links() }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection





{{-- @include('pages.account.modal.detail_modal') --}}

@section('scripts')
<script>
     $(document).ready(function() {
        $('.btn-search').on('click', function() {
            var id = $(this).data('id');

            $.ajax({
                url: '{{ url("modal/detail") }}/' + id,
                type: 'GET',
                success: function(response) {
                    // Mengisi data modal dengan data yang diterima dari server
                    $('#detailModalLabel' + id).text('Detail ' + id);
                    $('#detailModalBody' + id).html('<p>ID: ' + response.data.id + '</p>' +
                                                    '<p>Nama: ' + response.data.nama + '</p>' +
                                                    '<p>Informasi Lain: ' + response.data.informasi_lain + '</p>');
                    // Tampilkan modal
                    $('#detailModal' + id).modal('show');
                },
                error: function(error) {
                    console.log(error);
                }
            });
        });
    });
</script>
@endsection