@extends('layouts.admin.master')

@section('content')
    <div class="row">
        <div class="col-md-12 col-lg-8">
            <div class="card mt-3">
                <div class="card-body">
                    <div class="card-title d-md-flex flex-row justify-content-between">
                        <div>
                            <h6 class="mt-2 text-uppercase">Form {{ $page_attr['title'] }}</h6>
                        </div>
                        <div id="status_form">
                            Status: <span class="badge bg-{{ $data->status_bg }}">{{ $data->status_str }}</span>
                        </div>
                    </div>
                    <hr class="mt-1 mb-0" />
                    <div class="alert alert-light border mt-3 mb-0">
                        Konten yang pernah dipublish akan kembali ke status <strong>Disimpan</strong> saat diubah, lalu perlu dipublish ulang oleh admin.
                    </div>
                    <form action="javascript:void(0)" id="MainForm" method="POST" enctype="multipart/form-data" class="mt-3">
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="form-label" for="sebagai">Sebagai
                                        <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" id="sebagai" name="sebagai"
                                        placeholder="Contoh: Tokoh masyarakat" required maxlength="255"
                                        value="{{ $data->sebagai }}" />
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="form-label" for="profesi">Profesi
                                        <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" id="profesi" name="profesi"
                                        placeholder="Contoh: Pelaku UMKM" required maxlength="255"
                                        value="{{ $data->profesi }}" />
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="deskripsi">Deskripsi
                                <span class="text-danger">*</span></label>
                            <textarea type="text" class="form-control" rows="6" id="deskripsi" name="deskripsi" placeholder="Deskripsi"
                                required maxlength="1500">{{ $data->deskripsi }}</textarea>
                        </div>
                    </form>
                    <div class="flex-row justify-content-between mt-3">
                        <button type="submit" class="btn btn-primary" id="btn-save" form="MainForm">
                            <li class="fas fa-save mr-1"></li> Simpan
                        </button>
                        <button class="btn btn-danger" id="btn-reset"
                            style="{{ is_null($data->status) ? 'display:none' : '' }}">
                            <i class="fas fa-trash"></i>
                            Hapus
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('javascript')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-loading-overlay/2.1.7/loadingoverlay.min.js" integrity="sha512-hktawXAt9BdIaDoaO9DlLp6LYhbHMi5A36LcXQeHgVKUH6kJMOQsAtIw2kmQ9RERDpnSTlafajo6USh9JUXckw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert2/11.10.3/sweetalert2.all.min.js" integrity="sha512-1RuT3Xs+fbL5f+4MCot2I8PpBFRu4flycFf5s2x4PoBMTKbPgHBEEwQ1LovEIhrMaR3S8bJfnlBTbWJbKdj8Fg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    @php
        $resource = resource_loader(
            blade_path: $view,
            params: [
                'page_title' => $page_attr['title'],
            ],
        );
    @endphp
    <script src="{{ $resource }}"></script>
@endsection