@extends('admin.layout.master')
@section('content')
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <div class="content-header">
            <div class="container-fluid">
            </div><!-- /.container-fluid -->
        </div>
        <!-- /.content-header -->

        @if ($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
        <!-- Main content -->
        <section class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-3">

                        <div class="card card-danger card-outline">
                            <div class="card-body box-profile">
                                <div class="text-center">
                                    <img class="img-fluid"
                                         src="{{asset($data->getPhoto() != null ? 'uploads/'.$data->getPhoto()->getRawOriginal('path') : '')}}"
                                         alt="Foto Koperasi">
                                </div>

                                <h5 class="text-left"><b>{{$data->getName()}}</b></h5>
                                <a class="btn btn-sm btn-primary"
                                   href="{{url('koperasi').'/'.$data->getKey().'/edit'}}">Edit Profil Koperasi</a>
                                <br><br>
                                <strong>Deskripsi</strong>
                                <p>{{$data->getDescription()}}</p>
                                <strong>Profil Koperasi</strong>
                                <div class="row mb-3 mt-3">
                                    <div class="col-6">
                                        Jenis
                                    </div>
                                    <div class="col-6">
                                        {{$data->type_text}}
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-6">
                                        Badan Hukum
                                    </div>
                                    <div class="col-6">
                                        {{$data->legality}}
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-6">
                                        Nama Ketua
                                    </div>
                                    <div class="col-6">
                                        {{$data->leader_name}}
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-6">
                                        Secretary
                                    </div>
                                    <div class="col-6">
                                        {{$data->secretary}}
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-6">
                                        Bendahara
                                    </div>
                                    <div class="col-6">
                                        {{$data->finance}}
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-6">
                                        Jumlah Anggota
                                    </div>
                                    <div class="col-6">
                                        {{number_format($data->member_count)}}
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-6">
                                        Jumlah Karyawan
                                    </div>
                                    <div class="col-6">
                                        {{number_format($data->employee_count)}}
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-6">
                                        No. Telp
                                    </div>
                                    <div class="col-6">
                                        {{$data->phone_number}}
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-6">
                                        Email
                                    </div>
                                    <div class="col-6">
                                        {{$data->email}}
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-6">
                                        Alamat
                                    </div>
                                    <div class="col-6">
                                        {{$data->address}}
                                    </div>
                                </div>
                                <strong>Legalitas Koperasi</strong>
                                <div class="row mb-3 mt-3">
                                    <div class="col-6">
                                        NIK
                                    </div>
                                    <div class="col-6">
                                        {{$data->nik}}
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-6">
                                        NIB
                                    </div>
                                    <div class="col-6">
                                        {{$data->nib}}
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-6">
                                        No. Badan Hukum
                                    </div>
                                    <div class="col-6">
                                        {{$data->legality_number}}
                                    </div>
                                </div>
                            </div>

                        </div>

                    </div>

                    <div class="col-md-9">
                        <div class="card card-danger card-outline">
                            <div class="card-header p-2">
                                <div class="row">
                                    <div class="col-6">
                                        <ul class="nav nav-pills">
                                            <li class="nav-item" onclick="hideImportOhp()">
                                                <a class="nav-link active" href="#foto" data-toggle="tab">Foto</a>
                                            </li>
                                            <li class="nav-item" onclick="showImportOhp()">
                                                <a class="nav-link" href="#OHP" data-toggle="tab">OHP</a>
                                            </li>
                                            <li class="nav-item" onclick="showImportOhp()">
                                                <a class="nav-link" href="#KKHP" data-toggle="tab">KKHP</a>
                                            </li>
                                            <li class="nav-item" onclick="hideImportOhp()">
                                                <a class="nav-link" href="#suku_bunga" data-toggle="tab">Suku Bunga</a>
                                            </li>
                                            <li class="nav-item" onclick="hideImportOhp()">
                                                <a class="nav-link" href="#data_pendukung" data-toggle="tab">Data
                                                    Pendukung</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="col-6 text-right">
                                        <div id="importOhpContainer" style="visibility: hidden">
                                            <button class="mx-1 btn btn-success btn-sm"><i class="fa fa-download"></i>
                                            </button>
                                            <button class="mx-1 btn btn-primary btn-sm" data-toggle="modal"
                                                    data-target="#importModal"><i class="fa fa-upload"></i></button>
                                            <button data-toggle="modal"
                                                    data-target="#filterModal" class="btn btn-default btn-sm">{{$currentMonth}} &nbsp;&nbsp;<i
                                                    class="fa-regular fa-calendar"></i></button>
                                        </div>
                                        <!-- Modal -->
                                        <div class="modal fade" id="filterModal" tabindex="-1" role="dialog"
                                             aria-labelledby="exampleModalLabel" aria-hidden="true">
                                            <div class="modal-dialog" role="document">
                                                <div class="modal-content">
                                                    <div class="modal-header">
                                                        <h5 class="modal-title" id="exampleModalLabel">Filter</h5>
                                                        <button type="button" class="close" data-dismiss="modal"
                                                                aria-label="Close">
                                                            <span aria-hidden="true">&times;</span>
                                                        </button>
                                                    </div>
                                                    <div class="modal-body">
                                                        <input type="month" id="dateFilter" class="form-control" name="date">
                                                    </div>
                                                    <div class="modal-footer">
                                                        <button type="button" class="btn btn-secondary"
                                                                data-dismiss="modal">Close
                                                        </button>
                                                        <button onclick="filter('{{url()->current()}}')" type="button"
                                                                class="btn btn-primary">Filter
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="card-body p-0">
                                <div class="tab-content">
                                    <div class="tab-pane active" id="foto">
                                        <div class="m-4">
                                            <div class="row">
                                                <div class="col-6">
                                                    <h5>Foto Koperasi</h5>
                                                </div>
                                                <div class="col-6 text-right">
                                                    <button class="btn btn-sm btn-primary" data-toggle="modal"
                                                            data-target="#tambahFoto">Tambah Data
                                                    </button>
                                                </div>
                                            </div>
                                        </div>

                                        <!-- Modal -->
                                        <div class="modal fade" id="tambahFoto" tabindex="-1" role="dialog"
                                             aria-labelledby="exampleModalLongTitle" aria-hidden="true">
                                            <div class="modal-dialog" role="document">
                                                <div class="modal-content">
                                                    <div class="modal-header">
                                                        <h5 class="modal-title" id="exampleModalLongTitle">Tambah Data</h5>
                                                        <button type="button" class="close" data-dismiss="modal"
                                                                aria-label="Close">
                                                            <span aria-hidden="true">&times;</span>
                                                        </button>
                                                    </div>
                                                    <form action="{{url('koperasi-foto')}}" method="post" enctype="multipart/form-data">
                                                        @csrf
                                                        <div class="modal-body">
                                                            <div class="form-group">
                                                                <label for="photo">Foto Koperasi</label>
                                                                <div class="input-group">
                                                                    <div class="custom-file">
                                                                        <input type="file" name="foto" class="custom-file-input">
                                                                        <label class="custom-file-label">Pilih Berkas</label>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <input type="hidden" value="{{$data->getKey()}}"
                                                                   name="koperasi_id">
                                                        </div>
                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-secondary"
                                                                    data-dismiss="modal">Close
                                                            </button>
                                                            <button type="submit" class="btn btn-primary">Submit
                                                            </button>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>

                                        <table class="table" style="width: 100%;">
                                            <thead>
                                            <tr>
                                                <th>No</th>
                                                <th>Foto</th>
                                                <th>Aksi</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                                @foreach($foto as $idx => $row)
                                                    <tr>
                                                        <td style="width: 80px">{{$idx+1}}</td>
                                                        <td style="width: 180px">
                                                            <img style="height: 80px; width: 80px" src="{{$row->getPath()}}">
                                                        </td>
                                                        <td>
                                                            <a href="{{$row->getPath()}}" target="_blank" class="btn btn-sm btn-primary" ><i class="fa-solid fa-eye"></i></a>
                                                            <a href="{{url('koperasi-foto').'/'.$row->getKey().'/delete'}}" class="btn btn-sm btn-danger" ><i class="fa fa-trash"></i></a>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="tab-pane" id="OHP">
                                        <div class="m-4">
                                            <h5>Hasil pemeriksaan kesehatan</h5>
                                            <div class="row">
                                                <label class="col-sm-3 col-form-label">Status</label>
                                                <div class="col-sm-9">
                                                    <span type="button"
                                                          class="btn btn-sm btn-{{\Koperasi\Enums\OhpCategoryEnum::COLOR[$ohp->category ?? \Koperasi\Enums\OhpCategoryEnum::Baik]}}">{{$ohp->category ?? '-'}}</span>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <label class="col-sm-3 col-form-label">Score</label>
                                                <div class="col-sm-9">
                                                    <p>{{$ohp->score ?? '-'}}</p>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <label class="col-sm-3 col-form-label">Jumlah Pelanggaran</label>
                                                <div class="col-sm-9">
                                                    <p>{{$ohp->violation_count ?? '-'}}</p>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <label class="col-sm-3 col-form-label">Jumlah Kelemahan</label>
                                                <div class="col-sm-9">
                                                    <p>{{$ohp->weakness_count ?? '-'}}</p>
                                                </div>
                                            </div>
                                        </div>
                                        <br>
                                        <table class="table" style="width: 100%;">
                                            <thead>
                                            <tr>
                                                <th>No</th>
                                                <th>Aspek Pemeriksaan</th>
                                                <th>Nilai</th>
                                                <th>Rerata</th>
                                                <th>Skor</th>
                                                <th>Kriteria dan Kategori</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            @foreach($ohp->items ?? [] as $idx1 => $level1)
                                                <tr style="background-color: #FFF3F1">
                                                    <td>{{converToLetter($idx1)}}</td>
                                                    <td>{{$level1->type}}</td>
                                                    <td>{{$level1->value}}</td>
                                                    <td>{{$level1->average}}</td>
                                                    <td>{{$level1->score}}</td>
                                                    <td>
                                                        <span class="btn btn-sm btn-{{\Koperasi\Enums\OhpCategoryEnum::COLOR[$level1->category]}}">
                                                            {{$level1->category}}
                                                        </span>
                                                    </td>
                                                </tr>
                                                @foreach($level1->items as $idx2 =>  $level2)
                                                    <tr style="background-color: #F0F1FE">
                                                        <td>{{converToRoman($idx2 + 1)}}</td>
                                                        <td>{{$level2->type}}</td>
                                                        <td>{{$level2->value}}</td>
                                                        <td>{{$level2->average}}</td>
                                                        <td>{{$level2->score}}</td>
                                                        <td>
                                                        <span class="btn btn-sm btn-{{\Koperasi\Enums\OhpCategoryEnum::COLOR[$level2->category]}}">
                                                            {{$level2->category}}
                                                        </span>
                                                        </td>
                                                    </tr>
                                                    @foreach($level2->items as $idx3 =>  $level3)
                                                        <tr style="background-color: #E0FFEA">
                                                            <td>{{$idx3 + 1}}</td>
                                                            <td>{{$level3->type}}</td>
                                                            <td>{{$level3->value}}</td>
                                                            <td>{{$level3->average}}</td>
                                                            <td>{{$level3->score}}</td>
                                                            <td>
                                                        <span class="btn btn-sm btn-{{\Koperasi\Enums\OhpCategoryEnum::COLOR[$level3->category]}}">
                                                            {{$level3->category}}
                                                        </span>
                                                            </td>
                                                        </tr>
                                                        @foreach($level3->items as $idx4 =>  $level4)
                                                            <tr>
                                                                <td>{{$idx4 + 1}}</td>
                                                                <td>{{$level4->type}}</td>
                                                                <td>{{$level4->value}}</td>
                                                                <td>{{$level4->average}}</td>
                                                                <td>{{$level4->score}}</td>
                                                                <td>
                                                                    <span class="btn btn-sm btn-{{\Koperasi\Enums\OhpCategoryEnum::COLOR[$level4->category]}}">
                                                                        {{$level4->category}}
                                                                    </span>
                                                                </td>
                                                            </tr>

                                                        @endforeach
                                                    @endforeach
                                                @endforeach
                                            @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="tab-pane" id="KKHP">
                                        <div class="m-4">
                                            <h5>Kertas Kerja Pemeriksaan Kesehatan Koperasi</h5>
                                            <div class="row">
                                                <label class="col-sm-3 col-form-label">Status</label>
                                                <div class="col-sm-9">
                                                    <span type="button"
                                                          class="btn btn-sm btn-success">{{$kkhp->category ?? '-'}}</span>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <label class="col-sm-3 col-form-label">Nilai Kredit</label>
                                                <div class="col-sm-9">
                                                    <p>{{$kkhp->credit_value ?? '-'}}</p>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <label class="col-sm-3 col-form-label">Bobot%</label>
                                                <div class="col-sm-9">
                                                    <p>{{$kkhp->bobot ?? '-'}}</p>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <label class="col-sm-3 col-form-label">Skor</label>
                                                <div class="col-sm-9">
                                                    <p>{{$kkhp->score ?? '-'}}</p>
                                                </div>
                                            </div>
                                        </div>
                                        <br>
                                        <table class="table" style="width: 100%;">
                                            <thead>
                                            <tr>
                                                <th>No</th>
                                                <th>Aspek Yang Dinilai</th>
                                                <th>Ratio(%)</th>
                                                <th>Nilai Kredit</th>
                                                <th>Bobot%</th>
                                                <th>Score</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            @foreach($kkhp->items ?? [] as $idx1 => $level1)
                                                <tr style="background-color: #FFF3F1">
                                                    <td>{{converToLetter($idx1)}}</td>
                                                    <td>{{$level1->type}}</td>
                                                    <td></td>
                                                    <td>{{$level1->credit_value}}</td>
                                                    <td></td>
                                                    <td></td>
                                                </tr>
                                                @foreach($level1->items as $idx2 =>  $level2)
                                                    <tr style="background-color: #F0F1FE">
                                                        <td>{{converToRoman($idx2 + 1)}}</td>
                                                        <td>{{$level2['group_name']}}</td>
                                                        <td></td>
                                                        <td></td>
                                                        <td></td>
                                                        <td></td>
                                                    </tr>
                                                    @foreach($level2['items'] as $idx3 =>  $level3)
                                                        <tr>
                                                            <td>{{$idx3 + 1}}</td>
                                                            <td>{{$level3->type}}</td>
                                                            <td>{{$level3->ratio}}%</td>
                                                            <td>{{$level3->credit_value}}</td>
                                                            <td>{{$level3->bobot}}</td>
                                                            <td>{{$level3->score}}</td>
                                                        </tr>
                                                    @endforeach
                                                @endforeach
                                            @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="tab-pane" id="suku_bunga">
                                        <div class="m-4">
                                            <div class="row">
                                                <div class="col-6">
                                                    <h5>Suku Bunga</h5>
                                                </div>
                                                <div class="col-6 text-right">
                                                    <button class="btn btn-sm btn-primary" data-toggle="modal"
                                                            data-target="#tambahSukuBunga">Tambah Data
                                                    </button>
                                                </div>
                                            </div>
                                        </div>

                                        <!-- Modal -->
                                        <div class="modal fade" id="tambahSukuBunga" tabindex="-1" role="dialog"
                                             aria-labelledby="exampleModalLongTitle" aria-hidden="true">
                                            <div class="modal-dialog" role="document">
                                                <div class="modal-content">
                                                    <div class="modal-header">
                                                        <h5 class="modal-title" id="exampleModalLongTitle">Tambah Suku
                                                            Bunga</h5>
                                                        <button type="button" class="close" data-dismiss="modal"
                                                                aria-label="Close">
                                                            <span aria-hidden="true">&times;</span>
                                                        </button>
                                                    </div>
                                                    <form action="{{url('suku-bunga')}}" method="post">
                                                        @csrf
                                                        <div class="modal-body">
                                                            <div class="form-group">
                                                                <label for="simpanan">Simpanan</label>
                                                                <input type="number" step="any"
                                                                       value="{{$latestSukuBunga->simpanan ?? ''}}"
                                                                       class="form-control" placeholder="Simpanan"
                                                                       name="simpanan" max="100" min="0">
                                                            </div>
                                                            <div class="form-group">
                                                                <label for="pinjaman">Pinjaman</label>
                                                                <input type="number" step="any"
                                                                       value="{{$latestSukuBunga->pinjaman ?? ''}}"
                                                                       class="form-control" placeholder="Pinjaman"
                                                                       name="pinjaman" max="100" min="0">
                                                            </div>
                                                            <input type="hidden" value="{{$data->getKey()}}"
                                                                   name="koperasi_id">
                                                        </div>
                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-secondary"
                                                                    data-dismiss="modal">Close
                                                            </button>
                                                            <button type="submit" class="btn btn-primary">Submit
                                                            </button>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>

                                        <table class="table" style="width: 100%;">
                                            <thead>
                                            <tr>
                                                <th>No</th>
                                                <th>Perubahan Terakhir</th>
                                                <th>Simpanan</th>
                                                <th>Pinjaman</th>
                                                <th>Aksi</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            @foreach($sukuBunga as $idx => $item)
                                                <tr>
                                                    <td>{{$idx + 1}}</td>
                                                    <td>{{\Carbon\Carbon::parse($item->created_at)->format('d F Y')}}</td>
                                                    <td>{{$item->simpanan}}%</td>
                                                    <td>{{$item->pinjaman}}%</td>
                                                    <td>
                                                        <a href="{{url('suku-bunga').'/'.$item->getKey().'/delete'}}"
                                                           class="btn btn-sm btn-danger"><i class="fa fa-trash"></i></a>
                                                    </td>
                                                </tr>
                                            @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="tab-pane" id="data_pendukung">
                                        <div class="m-4">
                                            <h5>Data Pendukung</h5>
                                            <br>
                                            @foreach(\Koperasi\Enums\KoperasiDocumentTypeEnum::ALL as $type)
                                                <div class="card card-danger card-outline">

                                                    <div class="card-header">
                                                        <div class="row">
                                                            <div class="col-6">
                                                                <h5>{{\Koperasi\Enums\KoperasiDocumentTypeEnum::TEXT[$type]}}</h5>
                                                            </div>
                                                            <div class="col-6 text-right">
                                                                <button class="btn btn-sm btn-primary"
                                                                        data-toggle="modal"
                                                                        data-target="#tambahDocument{{$type}}">Tambah
                                                                    Data
                                                                </button>
                                                            </div>

                                                            <!-- Modal -->
                                                            <div class="modal fade" id="tambahDocument{{$type}}"
                                                                 tabindex="-1" role="dialog"
                                                                 aria-labelledby="exampleModalLabel" aria-hidden="true">
                                                                <div class="modal-dialog" role="document">
                                                                    <div class="modal-content">
                                                                        <div class="modal-header">
                                                                            <h5 class="modal-title"
                                                                                id="exampleModalLabel">Tambah Data</h5>
                                                                            <button type="button" class="close"
                                                                                    data-dismiss="modal"
                                                                                    aria-label="Close">
                                                                                <span aria-hidden="true">&times;</span>
                                                                            </button>
                                                                        </div>
                                                                        <form action="{{url('koperasi-document')}}"
                                                                              method="post"
                                                                              enctype="multipart/form-data">
                                                                            @csrf
                                                                            <div class="modal-body">
                                                                                <div class="form-group">
                                                                                    <label for="file">File</label>
                                                                                    <input type="file" name="file"
                                                                                           class="form-control-file"
                                                                                           required>
                                                                                </div>
                                                                                <input type="hidden" name="type"
                                                                                       value="{{$type}}">
                                                                                <input type="hidden" name="koperasi_id"
                                                                                       value="{{$data->getKey()}}">
                                                                            </div>
                                                                            <div class="modal-footer">
                                                                                <button type="button"
                                                                                        class="btn btn-secondary"
                                                                                        data-dismiss="modal">Close
                                                                                </button>
                                                                                <button type="submit"
                                                                                        class="btn btn-primary">Save
                                                                                    changes
                                                                                </button>
                                                                            </div>
                                                                        </form>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class=" card-body p-0">
                                                        <table class="table" style="width: 100%;">
                                                            <thead>
                                                            <tr>
                                                                <th>No</th>
                                                                <th>Nama File</th>
                                                                <th>Ukuran</th>
                                                                <th>Tanggal Upload</th>
                                                                <th>Aksi</th>
                                                            </tr>
                                                            </thead>
                                                            <tbody>
                                                            @foreach($documents as $idx => $row)
                                                                @if($row->type === $type)
                                                                    <tr>
                                                                        <td>{{$idx + 1}}</td>
                                                                        <td style="width: 300px">{{$row->filename}}</td>
                                                                        <td>{{round($row->filesize / 1024 / 1024, 2) . 'MB'}}</td>
                                                                        <td>{{\Carbon\Carbon::parse($row->created_at)->format('d F Y')}}</td>
                                                                        <td>
                                                                            <a target="_blank" href="{{$row->path}}"
                                                                               class="mr-1 btn btn-primary btn-sm"><i
                                                                                    class="fa fa-info-circle"></i></a>
                                                                            <a href="{{url('koperasi-document').'/'.$row->getKey().'/delete'}}"
                                                                               class="mx-1 btn btn-danger btn-sm"><i
                                                                                    class="fa fa-trash"></i></a>
                                                                        </td>
                                                                    </tr>
                                                        @endif
                                                        @endforeach
                                                    </div>
                                                    </tbody>
                                                    </table>
                                                </div>
                                        </div>
                                        <br>
                                        @endforeach
                                        <div class="card card-danger card-outline">

                                            <div class="card-header">
                                                <div class="row">
                                                    <div class="col-6">
                                                        <h5>Pelaksanaan RAT</h5>
                                                    </div>
                                                    <div class="col-6 text-right">
                                                        <button class="btn btn-sm btn-primary" data-toggle="modal"
                                                                data-target="#tambahRAT">Tambah Data
                                                        </button>
                                                    </div>

                                                    <!-- Modal -->
                                                    <div class="modal fade" id="tambahRAT" tabindex="-1" role="dialog"
                                                         aria-labelledby="exampleModalLabel" aria-hidden="true">
                                                        <div class="modal-dialog" role="document">
                                                            <div class="modal-content">
                                                                <div class="modal-header">
                                                                    <h5 class="modal-title" id="exampleModalLabel">
                                                                        Tambah Data</h5>
                                                                    <button type="button" class="close"
                                                                            data-dismiss="modal" aria-label="Close">
                                                                        <span aria-hidden="true">&times;</span>
                                                                    </button>
                                                                </div>
                                                                <form action="{{url('rat')}}" method="post">
                                                                    @csrf
                                                                    <div class="modal-body">
                                                                        <div class="form-group">
                                                                            <label for="date">Tanggal
                                                                                Pelaksanaan</label>
                                                                            <input type="date" name="date"
                                                                                   class="form-control" required>
                                                                        </div>
                                                                        <input type="hidden" name="koperasi_id"
                                                                               value="{{$data->getKey()}}">
                                                                    </div>
                                                                    <div class="modal-footer">
                                                                        <button type="button" class="btn btn-secondary"
                                                                                data-dismiss="modal">Close
                                                                        </button>
                                                                        <button type="submit" class="btn btn-primary">
                                                                            Save changes
                                                                        </button>
                                                                    </div>
                                                                </form>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class=" card-body p-0">
                                                <table class="table" style="width: 100%;">
                                                    <thead>
                                                    <tr>
                                                        <th>No</th>
                                                        <th>Tanggal Pelaksanaan</th>
                                                        <th>Aksi</th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    @foreach($rats as $idx => $row)

                                                        <tr>
                                                            <td>{{$idx + 1}}</td>
                                                            <td>{{\Carbon\Carbon::parse($row->getDate())->format('d F Y')}}</td>
                                                            <td>
                                                                <button data-toggle="modal"
                                                                        data-target="#editRat{{$row->getKey()}}"
                                                                        class="mr-1 btn btn-warning btn-sm"><i
                                                                        class="fa fa-pencil-alt"></i></button>
                                                                <a href="{{url('rat').'/'.$row->getKey().'/delete'}}"
                                                                   class="mx-1 btn btn-danger btn-sm"><i
                                                                        class="fa fa-trash"></i></a>
                                                                <div class="modal fade" id="editRat{{$row->getKey()}}"
                                                                     tabindex="-1" role="dialog"
                                                                     aria-labelledby="exampleModalLabel"
                                                                     aria-hidden="true">
                                                                    <div class="modal-dialog" role="document">
                                                                        <div class="modal-content">
                                                                            <div class="modal-header">
                                                                                <h5 class="modal-title"
                                                                                    id="exampleModalLabel">Edit
                                                                                    Data</h5>
                                                                                <button type="button" class="close"
                                                                                        data-dismiss="modal"
                                                                                        aria-label="Close">
                                                                                    <span
                                                                                        aria-hidden="true">&times;</span>
                                                                                </button>
                                                                            </div>
                                                                            <form
                                                                                action="{{url('rat').'/'.$row->getKey().'/edit'}}"
                                                                                method="post">
                                                                                @csrf
                                                                                <div class="modal-body">
                                                                                    <div class="form-group">
                                                                                        <label for="date">Tanggal
                                                                                            Pelaksanaan</label>
                                                                                        <input type="date" name="date"
                                                                                               class="form-control"
                                                                                               required
                                                                                               value="{{\Carbon\Carbon::parse($row->getDate())->format('Y-m-d')}}">
                                                                                    </div>
                                                                                </div>
                                                                                <div class="modal-footer">
                                                                                    <button type="button"
                                                                                            class="btn btn-secondary"
                                                                                            data-dismiss="modal">Close
                                                                                    </button>
                                                                                    <button type="submit"
                                                                                            class="btn btn-primary">Save
                                                                                        changes
                                                                                    </button>
                                                                                </div>
                                                                            </form>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
    </section>
    <!-- /.content -->
    </div>
    <!-- Modal -->
    <div class="modal fade" id="importModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
         aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Import Data OHP dan KKHP</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form action="{{url('importOhp').'/'.$data->getKey()}}" method="post" enctype="multipart/form-data">
                    @csrf
                    <div class="modal-body">
                        <div class="form-group">
                            <label for="photo">Berkas</label>
                            <div class="input-group">
                                <div class="custom-file">
                                    <input required type="file" name="file" class="custom-file-input">
                                    <label class="custom-file-label">Pilih Berkas</label>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label>Bulan dan Tahun</label>
                            <input required type="month" class="form-control" name="date" placeholder="Bulan dan Tahun">
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-danger btn-submit">Import</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- /.content-wrapper -->
@endsection

@section('script')
    <script>
        function filter(url) {
            let date = $('#dateFilter').val();
            if(!date) {
                return;
            }
            window.location = url+'?date='+date;
        }

        function showImportOhp() {
            $('#importOhpContainer').css({'visibility': 'visible'})
        }

        function hideImportOhp() {
            $('#importOhpContainer').css({'visibility': 'hidden'})
        }
    </script>
@endsection