@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])
{{-- section content --}}
@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 back --}}
                        <button class="btn btn-secondary mb-0" onclick="history.back()"><i class="fas fa-circle-left me-1">
                            </i><span class="font-weight-bold">Kembali</button>
                        {{-- check authorize edit --}}
                        @if ($authorize->edit == '1')
                            {{-- check status active --}}
                            @if ($list->isactive == 1)
                                {{-- button save --}}
                                <button class="btn btn-primary mb-0" style="display: none;" id="{{ $dmenu }}-save"
                                    onclick="event.preventDefault(); document.getElementById('{{ $dmenu }}-form').submit();"><i
                                        class="fas fa-floppy-disk me-1"> </i><span class="font-weight-bold">Simpan</button>
                                {{-- button edit --}}
                                <button class="btn btn-warning mb-0" id="{{ $dmenu }}-edit"><i
                                        class="fas fa-edit me-1"> </i><span class="font-weight-bold">Edit</button>
                            @endif
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-md-12">
                @php
                    $primary = $list->id;
                @endphp
                <form role="form" method="POST" action="{{ URL::to($url_menu . '/' . encrypt($primary)) }}"
                    id="{{ $dmenu }}-form" enctype="multipart/form-data">
                    @csrf
                    @method('PUT')
                    <div class="card">
                        <div class="card-header">
                            <h5 class="mb-0"><i class="fas fa-edit me-2"></i>Edit Request TNA</h5>
                            <p class="text-sm text-muted mb-0">Edit data request training</p>
                        </div>
                        <div class="card-body">
                            {{-- alert error --}}
                            @if ($errors->any())
                                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                    <span class="alert-icon"><i class="fas fa-exclamation-circle"></i></span>
                                    <span class="alert-text">
                                        @foreach ($errors->all() as $error)
                                            {{ $error }}<br>
                                        @endforeach
                                    </span>
                                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                                </div>
                            @endif

                            <div class="row">
                                @foreach ($table_header as $field)
                                    <div class="col-md-6 mb-3">
                                        <label class="form-label fw-bold" for="{{ $field->field }}">
                                            {{ $field->alias }}
                                            @if (Str::contains($field->validate, 'required'))
                                                <span class="text-danger">*</span>
                                            @endif
                                        </label>

                                        @php
                                            $fieldValue = old($field->field, $list->{$field->field} ?? '');
                                        @endphp

                                        @if ($field->type == 'text')
                                            {{-- Textarea --}}
                                            <textarea class="form-control @error($field->field) is-invalid @enderror"
                                                id="{{ $field->field }}"
                                                name="{{ $field->field }}"
                                                rows="4"
                                                placeholder="{{ $field->note ?: 'Masukkan ' . $field->alias }}"
                                                {{ Str::contains($field->validate, 'required') ? 'required' : '' }}
                                                disabled>{{ $fieldValue }}</textarea>
                                        @elseif ($field->type == 'date')
                                            {{-- Date Input --}}
                                            <input type="date"
                                                class="form-control @error($field->field) is-invalid @enderror"
                                                id="{{ $field->field }}"
                                                name="{{ $field->field }}"
                                                value="{{ $fieldValue }}"
                                                {{ Str::contains($field->validate, 'required') ? 'required' : '' }}
                                                disabled>
                                        @elseif ($field->type == 'enum' && $field->query)
                                            {{-- Select/Dropdown --}}
                                            @php
                                                $options = DB::select($field->query);
                                            @endphp
                                            <select class="form-select @error($field->field) is-invalid @enderror"
                                                id="{{ $field->field }}"
                                                name="{{ $field->field }}"
                                                {{ Str::contains($field->validate, 'required') ? 'required' : '' }}
                                                disabled>
                                                <option value="">-- Pilih {{ $field->alias }} --</option>
                                                @foreach ($options as $opt)
                                                    @php
                                                        $optArray = array_values((array) $opt);
                                                    @endphp
                                                    <option value="{{ $optArray[0] }}" {{ $fieldValue == $optArray[0] ? 'selected' : '' }}>
                                                        {{ $optArray[1] }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        @else
                                            {{-- Default Text Input --}}
                                            <input type="text"
                                                class="form-control @error($field->field) is-invalid @enderror"
                                                id="{{ $field->field }}"
                                                name="{{ $field->field }}"
                                                value="{{ $fieldValue }}"
                                                placeholder="{{ $field->note ?: 'Masukkan ' . $field->alias }}"
                                                maxlength="{{ $field->length ?: 255 }}"
                                                {{ Str::contains($field->validate, 'required') ? 'required' : '' }}
                                                disabled>
                                        @endif

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

                                        @if ($field->note)
                                            <small class="text-muted">{{ $field->note }}</small>
                                        @endif
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@push('css')
<style>
    .card {
        border-radius: 10px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    }

    .btn-primary {
        background-color: #1a535c;
        border-color: #1a535c;
    }

    .btn-primary:hover {
        background-color: #134043;
        border-color: #134043;
    }
</style>
@endpush

@push('js')
<script>
    $(document).ready(function() {
        // Toggle edit mode
        $('#{{ $dmenu }}-edit').click(function(e) {
            e.preventDefault();
            // Enable all form fields
            $('#{{ $dmenu }}-form input, #{{ $dmenu }}-form textarea, #{{ $dmenu }}-form select').prop('disabled', false);
            // Show save button, hide edit button
            $('#{{ $dmenu }}-save').show();
            $(this).hide();
        });
    });
</script>
@endpush