@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')
                            @if ($list->isactive == 1 && $list->status == 'entry')
                                {{-- 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">
            @if ($table_header_l->isNotEmpty() || $table_header_r->isNotEmpty())
                {{-- Two-column layout --}}
                <div class="col-md-12">
                    <form role="form" method="POST" action="{{ URL::to($url_menu . '/' . $idencrypt) }}"
                        enctype="multipart/form-data" id="{{ $dmenu }}-form">
                        @csrf
                        @method('PUT')
                        <div class="card">
                            <div class="card-body">
                                {{-- Show scheduled info if exists --}}
                                @if (!empty($list->scheduled_at) && $list->status === 'entry')
                                    @php
                                        $scheduledDate = \Carbon\Carbon::parse($list->scheduled_at);
                                        $isScheduled = $scheduledDate->isFuture();
                                    @endphp
                                    @if ($isScheduled)
                                        <div class="alert alert-info" role="alert">
                                            <div class="d-flex align-items-center">
                                                <i class="fas fa-clock fa-2x me-3"></i>
                                                <div>
                                                    <h6 class="alert-heading mb-1">Postingan Dijadwalkan</h6>
                                                    <p class="mb-0">
                                                        Postingan ini akan otomatis dipublikasikan pada:<br>
                                                        <strong>{{ $scheduledDate->format('l, d F Y - H:i') }} WIB</strong>
                                                        <span class="text-muted">({{ $scheduledDate->diffForHumans() }})</span>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    @else
                                        <div class="alert alert-warning" role="alert">
                                            <div class="d-flex align-items-center">
                                                <i class="fas fa-exclamation-triangle fa-2x me-3"></i>
                                                <div>
                                                    <h6 class="alert-heading mb-1">Jadwal Terlewat</h6>
                                                    <p class="mb-0">
                                                        Jadwal publikasi: <strong>{{ $scheduledDate->format('l, d F Y - H:i') }} WIB</strong><br>
                                                        <small class="text-muted">Postingan akan dipublikasikan saat scheduler berjalan</small>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                @endif

                                <p class="text-uppercase text-sm">View {{ $title_menu }}</p>
                                <hr class="horizontal dark mt-0">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="row">
                                            @foreach ($table_header_l as $header)
                                                @php
                                                    $primary = false;
                                                    $generateid = false;
                                                    foreach ($table_primary as $p) {
                                                        $primary == false ? ($p->field == $header->field ? ($primary = true) : ($primary = false)) : '';
                                                        $generateid == false ? ($p->generateid == $header->field ? ($generateid = true) : ($generateid = false)) : '';
                                                    }
                                                    $header->class == 'readonly' ? ($primary = true) : '';
                                                @endphp
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        @include('trdmns.auto._field_show', [
                                                            'header' => $header,
                                                            'primary' => $primary,
                                                            'generateid' => $generateid,
                                                            'dmenu' => $dmenu,
                                                            'list' => $list
                                                        ])
                                                    </div>
                                                </div>
                                            @endforeach
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="row">
                                            @foreach ($table_header_r as $header)
                                                @php
                                                    $primary = false;
                                                    $generateid = false;
                                                    foreach ($table_primary as $p) {
                                                        $primary == false ? ($p->field == $header->field ? ($primary = true) : ($primary = false)) : '';
                                                        $generateid == false ? ($p->generateid == $header->field ? ($generateid = true) : ($generateid = false)) : '';
                                                    }
                                                    $header->class == 'readonly' ? ($primary = true) : '';
                                                @endphp
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        @include('trdmns.auto._field_show', [
                                                            'header' => $header,
                                                            'primary' => $primary,
                                                            'generateid' => $generateid,
                                                            'dmenu' => $dmenu,
                                                            'list' => $list
                                                        ])
                                                    </div>
                                                </div>
                                            @endforeach
                                        </div>
                                    </div>
                                    <hr class="horizontal dark">
                                    <div class="card-footer align-items-center pt-0 pb-2"></div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            @else
                {{-- Single-column layout --}}
                <div class="col-md-6">
                    <div class="card">
                        <form role="form" method="POST" action="{{ URL::to($url_menu . '/' . $idencrypt) }}"
                            enctype="multipart/form-data" id="{{ $dmenu }}-form">
                            @csrf
                            @method('PUT')
                            <div class="card-body">
                                {{-- Show scheduled info if exists --}}
                                @if (!empty($list->scheduled_at) && $list->status === 'entry')
                                    @php
                                        $scheduledDate = \Carbon\Carbon::parse($list->scheduled_at);
                                        $isScheduled = $scheduledDate->isFuture();
                                    @endphp
                                    @if ($isScheduled)
                                        <div class="alert alert-info" role="alert">
                                            <div class="d-flex align-items-center">
                                                <i class="fas fa-clock fa-2x me-3"></i>
                                                <div>
                                                    <h6 class="alert-heading mb-1">Postingan Dijadwalkan</h6>
                                                    <p class="mb-0">
                                                        Postingan ini akan otomatis dipublikasikan pada:<br>
                                                        <strong>{{ $scheduledDate->format('l, d F Y - H:i') }} WIB</strong>
                                                        <span class="text-muted">({{ $scheduledDate->diffForHumans() }})</span>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    @else
                                        <div class="alert alert-warning" role="alert">
                                            <div class="d-flex align-items-center">
                                                <i class="fas fa-exclamation-triangle fa-2x me-3"></i>
                                                <div>
                                                    <h6 class="alert-heading mb-1">Jadwal Terlewat</h6>
                                                    <p class="mb-0">
                                                        Jadwal publikasi: <strong>{{ $scheduledDate->format('l, d F Y - H:i') }} WIB</strong><br>
                                                        <small class="text-muted">Postingan akan dipublikasikan saat scheduler berjalan</small>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                @endif

                                <p class="text-uppercase text-sm">View {{ $title_menu }}</p>
                                <hr class="horizontal dark mt-0">
                                <div class="row">
                                    @foreach ($table_header as $header)
                                        @php
                                            $primary = false;
                                            $generateid = false;
                                            foreach ($table_primary as $p) {
                                                $primary == false ? ($p->field == $header->field ? ($primary = true) : ($primary = false)) : '';
                                                $generateid == false ? ($p->generateid == $header->field ? ($generateid = true) : ($generateid = false)) : '';
                                            }
                                            $header->class == 'readonly' ? ($primary = true) : '';
                                        @endphp
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                @include('trdmns.auto._field_show', [
                                                    'header' => $header,
                                                    'primary' => $primary,
                                                    'generateid' => $generateid,
                                                    'dmenu' => $dmenu,
                                                    'list' => $list
                                                ])
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                                <hr class="horizontal dark">
                            </div>
                            <div class="card-footer align-items-center pt-0 pb-2"></div>
                        </form>
                    </div>
                </div>
            @endif
        </div>
    </div>
    {{-- check flag js on dmenu --}}
    @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('js')
    <script>
        // btn edit show view
        $('#{{ $dmenu }}-edit').click(function() {
            // show/hide buttons
            if ($('#{{ $dmenu }}-save').is(':visible')) {
                $('#{{ $dmenu }}-save').hide();
                $(this).text('Edit');
                $(this).prepend('<i class="fas fa-edit me-1"> </i>');
                // disable all form elements
                $('form input, form textarea, form select').prop('disabled', true);
                $('[key=true]').prop('disabled', false);
                // disable image/file/multifoto edit
                $('[id$="edit"]').addClass('disabled');
                $('button[class*="btn-danger"][class*="position-absolute"]').hide();
                // hide search modals
                $('.icon-modal-search').hide();
            } else {
                $(this).text('Cancel');
                $(this).prepend('<i class="fas fa-circle-xmark me-1"> </i>');
                $('#{{ $dmenu }}-save').show();
                // enable all form elements
                $('form input, form textarea, form select').prop('disabled', false);
                $('[key=true]').prop('disabled', true);
                // enable image/file/multifoto edit
                $('[id$="edit"]').removeClass('disabled');
                $('button[class*="btn-danger"][class*="position-absolute"]').show();
                // show search modals
                $('.icon-modal-search').show();
            }
        });
        //show password
        $(document).on('click', '.showpass', function() {
            var passInput = $(this).closest('.input-group').find('input');
            if (passInput.attr('type') === 'password') {
                passInput.attr('type', 'text');
                $(this).removeClass('fa-eye').addClass('fa-eye-slash');
            } else {
                passInput.attr('type', 'password');
                $(this).removeClass('fa-eye-slash').addClass('fa-eye');
            }
        });
    </script>
@endpush