@extends('layouts.master')

@section('title')
    Ubah Data Iklan
@endsection

@section('content')
    <section class="nk-block-head">
        <div class="nk-block-head-content">
            <div class="nk-block-between-md g-4">
                <div class="nk-block-head-content">
                    <h3 class="nk-block-title page-title">
                        Ubah Data Iklan {{ $model->name }}
                    </h3>
                </div>
                <div class="nk-block-head-content">
                    <a href="{{ route('pages.dataAspaki.advertising.news') }}" class="btn btn-primary btn-sm">
                        <em class="icon ni ni-arrow-left"></em> Kembali</a>
                </div>
            </div>
        </div>
    </section><!-- .nk-block-head -->
    <section class="container px-6 mx-auto grid">
        <div class="nk-block">
            <div class="card card-bordered">
                <!-- .nav-tabs -->
                <div class="card-inner card-inner-lg">
                    <div class="nk-block">
                        <form
                            action="{{ route('services.dataAspaki.advertising.updateNews', ['link' => Crypt::encryptString($model->id)]) }}"
                            method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="col-sm-12">
                                <div class="form-group mt-3">
                                    <div class="form-control-wrap">
                                        <div class="form-icon form-icon-right"></div>
                                        <img id="output"
                                            style="object-fit:contain;box-shadow: 0px 0px 31px -7px #cbcbcb;"src="{{ asset('storage/' . $model->image) }}"
                                            alt="{{ $model->imageAlt }}" />
                                        <input type="file" name="image" class="form-control form-control-outlined mt-2"
                                            accept="image/png, image/gif, image/jpeg, image/svg+xml"
                                            onchange="document.getElementById('output').src = window.URL.createObjectURL(this.files[0])">
                                        <p class="mt-1 text-sm text-gray-500 dark:text-gray-300" id="file_input_help">
                                            Format SVG, PNG, JPG or GIF, Dimensi Gambar 250x250 dan maksimal 2mb
                                        </p>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <input type="text" name="imageUrl" class="form-control form-control-outlined"
                                        value="{{ old('imageURL') ?? $model->imageUrl }}" /><label
                                        class="form-label-outlined" for="outlined-right-icon">URL Iklan</label>
                                    <p class="mt-1 text-sm text-gray-500 dark:text-gray-300" id="image_url_help">URL iklan
                                        saat diklik akan diarahkan ke halaman iklan</p>
                                </div>

                                <div class="form-group">
                                    <select name="enabled" class="form-control form-control-outlined">
                                        <option value="{{ \App\Models\Dashboard\LandingPage\SmartAd::STATUS_ENABLED }}"
                                            {{ isset($model->enabled) && \App\Models\Dashboard\LandingPage\SmartAd::STATUS_ENABLED == $model->enabled ? 'selected' : null }}>
                                            Aktif
                                        </option>
                                        <option value="{{ \App\Models\Dashboard\LandingPage\SmartAd::STATUS_DISABLED }}"
                                            {{ isset($model->enabled) && \App\Models\Dashboard\LandingPage\SmartAd::STATUS_DISABLED == $model->enabled ? 'selected' : null }}>
                                            Tidak Aktif
                                        </option>
                                    </select>
                                    <label class="form-label-outlined" for="outlined-right-icon">Status Iklan <span
                                            class="text-danger">*</span></label>
                                </div>

                                <div class="text-end">
                                    <button type="submit" class="btn btn-primary">
                                        <em class="icon ni ni-save"></em> Perbarui</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            var slugInput = document.querySelector('input[name="slug"]');

            slugInput.addEventListener('keyup', function() {
                var inputValue = slugInput.value;

                var formattedValue = inputValue.replace(/\s+/g, '-').toLowerCase();

                slugInput.value = formattedValue;
            });
        });
    </script>
@endsection