@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => ''])

    <div class="card shadow-lg mx-4">
        <div class="card-body p-3">
            <div class="row gx-4">
                <div class="col-lg">
                    <div class="nav-wrapper">
                        <button class="btn btn-secondary mb-0" onclick="window.location='{{ URL::to($url_menu) }}'">
                            <i class="fas fa-arrow-left me-1"></i>
                            <span class="font-weight-bold">Kembali</span>
                        </button>
                        @if ($authorize->add == '1')
                            <button class="btn btn-primary mb-0"
                                onclick="event.preventDefault(); document.getElementById('{{ $dmenu }}-form').submit();">
                                <i class="fas fa-plus me-1"></i>
                                <span class="font-weight-bold">Generate Periode</span>
                            </button>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container-fluid py-4" style="padding-bottom: 100px !important;">
        <div class="row">
            <div class="col-md-12">
                <form id="{{ $dmenu }}-form" method="POST" action="{{ url($url_menu) }}">
                    @csrf

                    @include('components.alert')

                    <div class="row">
                        <div class="col-lg-6">
                            <div class="card h-100">
                                <div class="card-header pb-0">
                                    <h6 class="mb-0">Generate Periode Pencairan</h6>
                                    <p class="text-sm mb-0 text-muted">Pengaturan generate periode untuk tahun tertentu</p>
                                </div>
                                <div class="card-body">
                                    @foreach ($table_header_l as $header)
                                        @if ($header->field != 'id' && $header->field != 'periode_pencairan')
                                            
                                            <div class="mb-3">
                                                <label for="{{ $header->field }}" class="form-label">
                                                    {{ $header->alias }}
                                                    @if (strpos($header->validate, 'required') !== false)
                                                        <span class="text-danger">*</span>
                                                    @endif
                                                </label>

                                                @if ($header->type == 'string' || $header->type == 'char')
                                                    <input type="text"
                                                        class="form-control @error($header->field) is-invalid @enderror"
                                                        id="{{ $header->field }}" name="{{ $header->field }}"
                                                        value="{{ old($header->field, $header->default) }}"
                                                        @if (strpos($header->validate, 'required') !== false) required @endif
                                                        @if ($header->length) maxlength="{{ $header->length }}" @endif>
                                                @elseif ($header->type == 'number')
                                                    <input type="number"
                                                        class="form-control @error($header->field) is-invalid @enderror"
                                                        id="{{ $header->field }}" name="{{ $header->field }}"
                                                        value="{{ old($header->field, $header->default) }}"
                                                        @if (strpos($header->validate, 'required') !== false) required @endif
                                                        @if ($header->field == 'periode_pencairan') min="1" max="12" @endif>
                                                @elseif ($header->type == 'date')
                                                    <input type="date"
                                                        class="form-control @error($header->field) is-invalid @enderror"
                                                        id="{{ $header->field }}" name="{{ $header->field }}"
                                                        value="{{ old($header->field, $header->default == 'now()' ? date('Y-m-d') : $header->default) }}"
                                                        @if (strpos($header->validate, 'required') !== false) required @endif>
                                                @elseif ($header->type == 'enum')
                                                    <select class="form-control @error($header->field) is-invalid @enderror"
                                                        id="{{ $header->field }}" name="{{ $header->field }}"
                                                        @if (strpos($header->validate, 'required') !== false) required @endif>
                                                        <option value="">Pilih {{ $header->alias }}
                                                        </option>
                                                        @if ($header->query)
                                                            @php
                                                                $options = DB::select($header->query);
                                                            @endphp
                                                            @foreach ($options as $option)
                                                                @php
                                                                    $optionArray = array_values((array) $option);
                                                                    $value = $optionArray[0];
                                                                    $label = $optionArray[1] ?? $value;
                                                                @endphp
                                                                <option value="{{ $value }}"
                                                                    {{ old($header->field, $header->default) == $value ? 'selected' : '' }}>
                                                                    {{ $label }}
                                                                </option>
                                                            @endforeach
                                                        @endif
                                                    </select>
                                                @elseif ($header->type == 'text')
                                                    <textarea class="form-control @error($header->field) is-invalid @enderror" id="{{ $header->field }}"
                                                        name="{{ $header->field }}" rows="3" @if (strpos($header->validate, 'required') !== false) required @endif
                                                        @if ($header->length) maxlength="{{ $header->length }}" @endif>{{ old($header->field, $header->default) }}</textarea>
                                                @elseif ($header->type == 'hidden')
                                                    <input type="hidden" name="{{ $header->field }}"
                                                        value="{{ $header->default }}">
                                                @endif

                                                @error($header->field)
                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                @enderror

                                                @if ($header->field == 'tahun')
                                                    <small class="form-text text-muted">
                                                        Masukkan tahun untuk generate 12 periode (Januari - Desember)
                                                    </small>
                                                @endif
                                            </div>
                                        @endif
                                    @endforeach
                                </div>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="card">
                                <div class="card-header">
                                    <h6 class="mb-0">Informasi Generate</h6>
                                </div>
                                <div class="card-body">
                                    @foreach ($table_header_r as $header)
                                        @if ($header->field != 'id' && $header->field != 'isactive')
                                            <div class="mb-3">
                                                <label for="{{ $header->field }}" class="form-label">
                                                    {{ $header->alias }}
                                                    @if (strpos($header->validate, 'required') !== false)
                                                        <span class="text-danger">*</span>
                                                    @endif
                                                </label>

                                                @if ($header->type == 'string' || $header->type == 'char')
                                                    <input type="text"
                                                        class="form-control @error($header->field) is-invalid @enderror"
                                                        id="{{ $header->field }}" name="{{ $header->field }}"
                                                        value="{{ old($header->field, $header->default) }}"
                                                        @if (strpos($header->validate, 'required') !== false) required @endif
                                                        @if ($header->length) maxlength="{{ $header->length }}" @endif>
                                                @elseif ($header->type == 'number')
                                                    <input type="number"
                                                        class="form-control @error($header->field) is-invalid @enderror"
                                                        id="{{ $header->field }}" name="{{ $header->field }}"
                                                        value="{{ old($header->field, $header->default) }}"
                                                        @if (strpos($header->validate, 'required') !== false) required @endif>
                                                @elseif ($header->type == 'date')
                                                    <input type="date"
                                                        class="form-control @error($header->field) is-invalid @enderror"
                                                        id="{{ $header->field }}" name="{{ $header->field }}"
                                                        value="{{ old($header->field, $header->default == 'now()' ? date('Y-m-d') : $header->default) }}"
                                                        @if (strpos($header->validate, 'required') !== false) required @endif>
                                                @elseif ($header->type == 'enum')
                                                    <select class="form-control @error($header->field) is-invalid @enderror"
                                                        id="{{ $header->field }}" name="{{ $header->field }}"
                                                        @if (strpos($header->validate, 'required') !== false) required @endif>
                                                        <option value="">Pilih {{ $header->alias }}
                                                        </option>
                                                        @if ($header->query)
                                                            @php
                                                                $options = DB::select($header->query);
                                                            @endphp
                                                            @foreach ($options as $option)
                                                                @php
                                                                    $optionArray = array_values((array) $option);
                                                                    $value = $optionArray[0];
                                                                    $label = $optionArray[1] ?? $value;
                                                                @endphp
                                                                <option value="{{ $value }}"
                                                                    {{ old($header->field, $header->default) == $value ? 'selected' : '' }}>
                                                                    {{ $label }}
                                                                </option>
                                                            @endforeach
                                                        @endif
                                                    </select>
                                                @elseif ($header->type == 'text')
                                                    <textarea class="form-control @error($header->field) is-invalid @enderror" id="{{ $header->field }}"
                                                        name="{{ $header->field }}" rows="3" @if (strpos($header->validate, 'required') !== false) required @endif
                                                        @if ($header->length) maxlength="{{ $header->length }}" @endif>{{ old($header->field, $header->default) }}</textarea>
                                                @elseif ($header->type == 'hidden')
                                                    <input type="hidden" name="{{ $header->field }}"
                                                        value="{{ $header->default }}">
                                                @endif

                                                @error($header->field)
                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                @enderror
                                            </div>
                                        @endif
                                    @endforeach

                                    <div class="alert alert-info">
                                        <h6 class="alert-heading">
                                            <i class="fas fa-info-circle me-2"></i>Informasi
                                        </h6>
                                        <p class="mb-2">Sistem akan membuat 12 periode pencairan:</p>
                                        <ul class="mb-0">
                                            <li>Januari - Desember untuk periode_pencairan yang dipilih</li>
                                            <li>ID akan dibuat otomatis (format: MMYYYY)</li>
                                            <li>Periode yang sudah ada akan dilewati</li>
                                            <li>Semua periode akan dibuat dengan status aktif</li>
                                        </ul>
                                    </div>

                                    <div class="mt-3">
                                        <h6>Preview Periode:</h6>
                                        <div class="row" id="preview-periode">
                                            <div class="col-12">
                                                <small class="text-muted">Pilih periode_pencairan untuk melihat
                                                    preview</small>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

    @if ($jsmenu == '1')
        @if (view()->exists("js.{$dmenu}"))
            @push('addjs')
                @include('js.' . $dmenu);
            @endpush
        @else
            @push('addjs')
                <script>
                    Swal.fire({
                        title: 'JS Not Found!!',
                        text: 'Please Create File JS',
                        icon: 'error',
                        confirmButtonColor: '#028284'
                    });
                </script>
            @endpush
        @endif
    @endif
@endsection

@push('css')
    <style>
        
        .main-content {
            margin-bottom: 80px !important;
        }

        
        body {
            padding-bottom: 60px !important;
        }

        
        .card {
            box-shadow: 0 0 1rem 0 rgba(136, 152, 170, 0.15) !important;
        }
    </style>
@endpush

@push('js')
    <script>
        $(document).ready(function() {
            
            $('#periode_pencairan').on('input change', function() {
                updatePreview();
            });

            
            updatePreview();

            function updatePreview() {
                const periode_pencairan = $('#periode_pencairan').val();
                if (periode_pencairan && periode_pencairan >= 2020 && periode_pencairan <= 2030) {
                    const months = [
                        'Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni',
                        'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'
                    ];

                    let html = '';
                    months.forEach((month, index) => {
                        const periodeId = String(index + 1).padStart(2, '0') + periode_pencairan;
                        html += `
                    <div class="col-md-4 mb-2">
                        <div class="badge bg-light text-dark border">
                            <i class="fas fa-calendar me-1"></i>
                            ${month} ${periode_pencairan}
                            <small class="text-muted">(${periodeId})</small>
                        </div>
                    </div>
                `;
                    });

                    $('#preview-periode').html(html);
                } else {
                    $('#preview-periode').html(
                        '<div class="col-12"><small class="text-muted">Masukkan periode_pencairan yang valid (2020-2030)</small></div>'
                    );
                }
            }

            
        });
    </script>
@endpush