@extends('layouts.panel.app', ['title' => 'Perpanjangan & Iuran Anggota'])

@section('content')
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<section class="section">
    <div class="row">
        <div class="col-8">
            <div class="section-title">
                <h3>Perpanjangan & Iuran Anggota</h3>
            </div>
            <p class="section-lead">
                SIlahkan input data sesuai langkah-langakh yang tersedia
            </p>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="card border-0 shadow rounded">
                <div class="card-header">
                    <h4>Form Perpanjangan & Iuran Anggota</h4>
                    <marquee behavior="scroll" direction="left">Harap siapkan dokumen pendukung :
                        @forelse($document as $file)
                        | {{ $loop->iteration }}.
                        <b> {{$file->name}}</b>
                        <span class="text-danger"> {{$file->desc}}</span>
                        <span> dalam format {{$file->allowed_file_types}}</span>
                        @empty
                        <div class="alert alert-danger">
                            Data setup dokumen belum tersedia.
                        </div>
                        @endforelse
                    </marquee>
                    <div class="card-header-action">
                        <a href="{{ route('anggota.dues') }}" class="btn btn-success">Kembali</a>
                    </div>
                </div>
                <div class="card-body">
                    @if($profil == 0)
                    <div class="md-12 text-center">
                        <img id="imgPreview" src="{{asset('assets-panel/img/empty-data.gif')}}" alt="Gambar" style="width: 272px; height: 272px" />
                        <br>
                        @php
                        $label = \App\Models\Label::where(['code' => 'warning-profile' ])->first()
                        @endphp
                        <h4 class="text-danger"><i class="fa fa-exclamation-triangle"></i> {!!html_entity_decode($label->desc)!!}</h4>
                        <br>
                        <a href="{{ route('anggota.profil') }}" class="btn btn-dark btn-action" data-toggle="tooltip" title="Perbarui">Lengkapi Data <i class="fas fa-pencil-alt"></i></a>
                    </div>
                    @else

                    @if($dues['value'] == 'expired')
                                        <div class="text-center">
                        <!-- progressbar -->
                        <ul class="progressbar">
                            <li class="{{ $currentStep != 1 ? '' : 'active' }}"><a href="#step-1" type="button">Lembar Persetujuan</a></li>
                            <li class="{{ $currentStep != 2 ? '' : 'active' }}"><a href="#step-2" type="button">Data Pemohon</a></li>
                            <li class="{{ $currentStep != 3 ? '' : 'active' }}"><a href="#step-3" type="button">Iuran Anggota</a></li>
                            <li class="{{ $currentStep != 4 ? '' : 'active' }}"><a href="#step-4" type="button" disabled="disabled">Data Verifikasi</a></li>
                        </ul>
                    </div>

                    <form class="form-dues" method="POST" enctype="multipart/form-data">
                        @csrf
                        @method('POST')

                        <div class="row setup-content {{ $currentStep != 1 ? 'displayNone' : '' }}" id="step-1">
                            <div class="col-md-12">
                                <h1 class="text-center">Persetujuan Anggota Ikatan Dokter Indonesia</h1>
                                <hr>
                                <h5>Lembar Persetujuan</h5>
                                <p>Sebelum melakukan aktivitas dengan data anda, Kami sarankan anda membaca dan menyetujui ketentuan di bawah ini:</p>
                                <ol>
                                    @php
                                    $label = \App\Models\Label::where(['code' => 'disclaimer-appl' ])->first()
                                    @endphp
                                    {!!html_entity_decode($label->desc)!!}
                                </ol>
                                <hr>
                                <div>
                                    <label>
                                        <input type="radio" name="persetujuan" value="setuju" required>
                                        Saya telah membaca seluruh ketentuan di atas dan menyetujuinya.
                                    </label>
                                </div>
                                <div>
                                    <label>
                                        <input type="radio" name="persetujuan" value="tidak">
                                        Saya tidak setuju
                                    </label>
                                </div>
                                <div>
                                    <button type="button" class="btn btn-primary disclaimerBtn">Mulai Sekarang <i class="fa fa-arrow-right"></i></button>
                                </div>
                            </div>
                        </div>

                        <div class="row setup-content {{ $currentStep != 2 ? 'displayNone' : '' }}" id="step-2">
                            <div id="loading" style="display: none;">
                                <img src="{{ asset('assets-panel/img/loading-submit.gif') }}" alt="Loading...">
                            </div>
                            <div class="col-md-12">
                                <div class="text-center">
                                    <h3> FORMULIR PERPANJANGAN IURAN</h3>
                                    <div class="col-md-12 form-group">
                                        <label class="font-weight-bold" for="application_type">TIPE PERMOHONAN <span style="color: red;"> **</span></label>
                                        <select id="application_type" class="form-control" name="application_type" required>
                                            <option value="">Pilih Permohonan</option>
                                            @foreach($form as $item)
                                            <option value="{{ $item->code }}"><b>{{ $item->code }}</b> ( {{ $item->desc }} ) </option>
                                            @endforeach
                                        </select>
                                        @error('application_type') <span class="error text-danger">{{ $message }}</span> @enderror
                                    </div>
                                </div>
                                <hr>
                                <div class="row justify-content-md-left">
                                    <div class="col-4">
                                        <h3> Identitas Diri</h3>
                                    </div>
                                    <div class="col-2">
                                        <a href="{{ route('anggota.profil') }}" class="btn btn-transparent" data-toggle="tooltip" title="Ubah"><i class="fas fa-pencil-alt"></i> Ubah Data </a>
                                    </div>
                                </div>
                                <hr>
                                <div class="row">
                                    <div class="col-md-2 form-group">
                                        <label class="font-weight-bold">GELAR DEPAN</label>
                                        <input type="text" name="front_degree" class="form-control" value="{{$data->front_degree}}" readonly>
                                        @error('front_degree') <span class="error text-danger">{{ $message }}</span> @enderror
                                    </div>
                                    <div class="col-md-8 form-group">
                                        <label class="font-weight-bold">NAMA LENGKAP PEMOHON <span style="color: red;"> **</span></label>
                                        <input type="text" name="name" class="form-control" value="{{$data->name}}" required readonly>
                                        @error('name') <span class="error text-danger">{{ $message }}</span> @enderror
                                    </div>
                                    <div class="col-md-2 form-group">
                                        <label class="font-weight-bold">GELAR BELAKANG</label>
                                        <input type="text" name="back_degree" class="form-control" value="{{$data->back_degree}}" readonly>
                                        @error('back_degree') <span class="error text-danger">{{ $message }}</span> @enderror
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-8 form-group">
                                        <label class="font-weight-bold">TEMPAT LAHIR <span style="color: red;"> **</span></label>
                                        <input type="text" name="place" class="form-control" value="{{$data->place}}" required readonly>
                                        @error('place') <span class="error text-danger">{{ $message }}</span> @enderror
                                    </div>
                                    <div class="col-md-4 form-group">
                                        <label class="font-weight-bold">TANGGAL LAHIR <span style="color: red;"> **</span></label>
                                        <input type="date" name="birth_date" class="form-control" value="{{$data->birth_date}}" required readonly>
                                        @error('birth_date') <span class="error text-danger">{{ $message }}</span> @enderror
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6 form-group">
                                        <label class="font-weight-bold">EMAIL <span style="color: red;"> **</span></label>
                                        <input type="email" name="email" class="form-control" value="{{$data->email}}" required readonly>
                                        @error('email') <span class="error text-danger">{{ $message }}</span> @enderror
                                    </div>
                                    <div class="col-md-6 form-group">
                                        <label class="font-weight-bold">TELEPON <span style="color: red;"> **</span></label>
                                        <input type="number" name="phone" class="form-control" value="{{$data->phone}}" required readonly>
                                        @error('phone') <span class="error text-danger">{{ $message }}</span> @enderror
                                    </div>
                                </div>
                                <hr>
                                <div class="row justify-content-md-left">
                                    <div class="col-4">
                                        <h3>Data Keanggotaan</h3>
                                    </div>
                                    <div class="col-2">
                                        <a href="{{ route('anggota.profil') }}" class="btn btn-transparent" data-toggle="tooltip" title="Ubah"><i class="fas fa-pencil-alt"></i> Ubah Data </a>
                                    </div>
                                </div>
                                <hr>
                                <div class="row">
                                    <div class="col-md-6 form-group">
                                        <label class="font-weight-bold">NPAC <span style="color: red;"> **</span></label>
                                        <input type="text" name="npac_npa" class="form-control" value="{{$data->no_anggota}}" required readonly>
                                        @error('npac_npa') <span class="error text-danger">{{ $message }}</span> @enderror
                                    </div>
                                    <div class="col-md-6 form-group">
                                        <label class="font-weight-bold">NPA IDI Pusat <span style="color: red;"> **</span></label>
                                        <input type="text" name="central_idi_npa" class="form-control" value="{{$data->central_idi_npa}}" required readonly>
                                        @error('central_idi_npa') <span class="error text-danger">{{ $message }}</span> @enderror
                                    </div>
                                </div>

                                <!-- Tombol -->
                                <button class="btn btn-warning nextBtn btn-lg pull-right" type="button">
                                    Lanjut <i class="fa fa-arrow-right"></i>
                                </button>
                            </div>
                        </div>

                        <div class="row setup-content {{ $currentStep != 3 ? 'displayNone' : '' }}" id="step-3">
                            <div class="col-md-12">
                                <hr>
                                <div class="row">
                                    <div class="col-12">
                                        <h5> DATA IURAN ANGGOTA</h5>
                                    </div>
                                </div>
                                <div class="md-12 text-center">
                                    <img id="imgPreview" src="{{asset('assets-panel/img/empty-data.gif')}}" alt="Gambar" style="width: 272px; height: 272px" />
                                    <br>
                                    <h5 class="text-danger"><i class="fa fa-exclamation-triangle"></i> {{$dues['message']}}</h5>
                                    <br>
                                    <strong class="text-success"><i class="fa fa-check-circle"></i> {{$dues['note']}}</strong>
                                    <p class="text-secondary">Silahkan hubungi admin untuk informasi lebih lanjut.</p>
                                    <br>
                                </div>
                                <hr>
                                <div class="row">
                                    <div class="col-lg-6">
                                        <label>PEMBAYARAN IURAN TERAKHIR <span style="color: red;"> **</span></label>
                                    </div>
                                    <div class="col-lg-6">
                                        <strong>{{ $data->contribution_date ? 'Tanggal ' . date('d-m-Y', strtotime($data->contribution_date)) : '-' }}</strong>
                                        <input type="hidden" class="form-control" name="last_dues_date" value="{{$data->contribution_date}}" readonly>
                                    </div>

                                    <div class="col-lg-6">
                                        <label>PERIODE IURAN TERAKHIR <span style="color: red;"> **</span></label>
                                    </div>
                                    <div class="col-lg-6">
                                        @if ($data->anggota_status)
                                        <strong>{{ $data->contribution_periode ? $data->contribution_periode . " ( Bulan )" : '-'}}</strong>
                                        <input type="hidden" class="form-control" name="last_dues_periode" value="{{$data->contribution_periode}}" readonly>
                                        @endif
                                    </div>

                                    <div class="col-lg-6">
                                        <label>JUMLAH IURAN TERAKHIR <span style="color: red;"> **</span></label>
                                    </div>
                                    <div class="col-lg-6">
                                        @php
                                        $total = 0;
                                        $last_dues_amount = 0;
                                        @endphp

                                        @forelse ($item->cost as $itemdetail)
                                        @foreach ($itemdetail->detailcost as $value)
                                        @php
                                        $total += $value->amount;
                                        @endphp
                                        @endforeach

                                        @if ($loop->last)
                                        @if ($data->anggota_status == 'F1')
                                        @php
                                        $last_dues_amount = $total * 24;
                                        @endphp
                                        @elseif ($data->anggota_status == 'F2')
                                        @php
                                        $last_dues_amount = $total * 24;
                                        @endphp
                                        @elseif ($data->anggota_status == 'F3')
                                        @php
                                        $last_dues_amount = $total * 12;
                                        @endphp
                                        @elseif ($data->anggota_status == 'F20')
                                        @php
                                        $last_dues_amount = $total * $data->contribution_periode;
                                        @endphp
                                        @endif

                                        <strong>Rp. {{ number_format($last_dues_amount, 0) }}</strong>
                                        <input type="hidden" class="form-control" name="last_dues_amount" value="{{ $last_dues_amount }}" readonly>
                                        @endif

                                        @empty
                                        <div class="alert alert-danger">
                                            Data setup biaya {{ $item->name }} belum tersedia.
                                        </div>
                                        @endforelse
                                    </div>


                                    <div class="col-lg-6">
                                        <label>AKTIF SAMPAI DENGAN <span style="color: red;"> **</span></label>
                                    </div>
                                    <div class="col-lg-6">
                                        @if ($data->anggota_status)