@extends('layouts.app')

@section('title', 'Import Data Monitoring')

@section('content')

<div class="page-header d-print-none mb-4">
    <div class="row align-items-center">

        <div class="col">

            <div class="page-pretitle">
                Monitoring Harian
            </div>

            <h2 class="page-title">
                Import Neraca Harian
            </h2>

            <div class="text-secondary">
                Upload File Neraca kemudian sistem akan membuat
                <strong>Laporan Pemantauan Likuiditas Harian</strong>
                secara otomatis.
            </div>

        </div>

    </div>
</div>


<form
    action="#"
    method="POST"
    enctype="multipart/form-data">

    @csrf

<div class="row row-cards">

    <div class="col-lg-4">

        <div class="card">

            <div class="card-header">

                <h3 class="card-title">

                    Upload File

                </h3>

            </div>

            <div class="card-body">

                <div class="mb-3">

                    <label class="form-label">

                        File Neraca (.xls / .xlsx)

                    </label>

                    <input
                        type="file"
                        class="form-control"
                        name="file"
                        accept=".xls,.xlsx">

                </div>


                <div class="mb-3">

                    <label class="form-label">

                        Periode

                    </label>

                    <input
                        type="date"
                        class="form-control"
                        name="periode">

                </div>



                <hr>



                <div class="mb-3">

                    <label class="form-label">

                        Nilai KAP (%)

                    </label>

                    <input
                        type="number"
                        step="0.01"
                        class="form-control"
                        name="kap"
                        placeholder="Masukkan KAP">

                </div>



                <div class="mb-4">

                    <label class="form-label">

                        Nilai NPL (%)

                    </label>

                    <input
                        type="number"
                        step="0.01"
                        class="form-control"
                        name="npl"
                        placeholder="Masukkan NPL">

                </div>



                <button
                    class="btn btn-primary w-100">

                    <i class="ti ti-upload me-2"></i>

                    Baca File Excel

                </button>

            </div>

        </div>

    </div>





    <div class="col-lg-8">

        <div class="card">

            <div class="card-header">

                <h3 class="card-title">

                    Preview Hasil Pembacaan Excel

                </h3>

            </div>

            <div class="card-body">


                <div class="alert alert-info">

                    Setelah file dipilih, sistem akan membaca
                    seluruh data Neraca dan menampilkan hasilnya
                    di bawah ini.

                </div>


                <table class="table table-bordered table-striped">

                    <thead>

                        <tr>

                            <th width="45%">

                                Keterangan

                            </th>

                            <th>

                                Nilai

                            </th>

                        </tr>

                    </thead>

                    <tbody>

                        <tr>
                            <td>Total Asset</td>
                            <td>Rp -</td>
                        </tr>

                        <tr>
                            <td>Kas</td>
                            <td>Rp -</td>
                        </tr>

                        <tr>
                            <td>ABA</td>
                            <td>Rp -</td>
                        </tr>

                        <tr>
                            <td>Total Kredit</td>
                            <td>Rp -</td>
                        </tr>

                        <tr>
                            <td>Tabungan</td>
                            <td>Rp -</td>
                        </tr>

                        <tr>
                            <td>Deposito</td>
                            <td>Rp -</td>
                        </tr>

                        <tr>
                            <td>Total DPK</td>
                            <td>Rp -</td>
                        </tr>

                        <tr>
                            <td>Pinjaman Diterima</td>
                            <td>Rp -</td>
                        </tr>

                        <tr>
                            <td>Laba / Rugi</td>
                            <td>Rp -</td>
                        </tr>

                        <tr>
                            <td>Total Modal</td>
                            <td>Rp -</td>
                        </tr>

                        <tr class="table-warning">
                            <td>Alat Likuid</td>
                            <td>Rp -</td>
                        </tr>

                        <tr class="table-warning">
                            <td>Kewajiban Lancar</td>
                            <td>Rp -</td>
                        </tr>

                        <tr class="table-success">
                            <td>Cash Ratio (CR)</td>
                            <td>- %</td>
                        </tr>

                        <tr class="table-success">
                            <td>Loan to Deposit Ratio (LDR)</td>
                            <td>- %</td>
                        </tr>

                    </tbody>

                </table>


                <div class="text-end mt-4">

                    <button
                        class="btn btn-success"
                        disabled>

                        <i class="ti ti-device-floppy me-2"></i>

                        Simpan ke Database

                    </button>

                </div>

            </div>

        </div>

    </div>

</div>

</form>

@endsection