@extends('layouts.administrator.master')

@section('title')
    Iklan Halaman Berita
@endsection
@section('content')
    <div class="nk-content-body">
        <div class="nk-block-head nk-block-head-sm">
            <div class="nk-block-between">
                <div class="nk-block-head-content">
                    <h3 class="nk-block-title page-title">{{ __('Iklan Halaman Berita') }}</h3>
                    <p>{{ __('Kamu mempunyai akses untuk mengelola iklan halaman berita') }}</p>
                </div>
                <div class="nk-block-head-content">
                    <a href="{{ route('admin.pages.landingPage.membership.advertisement', ['type' => $type]) }}"
                        class="btn btn-primary btn-sm"><em class="icon ni ni-arrow-left"></em>
                        Kembali</a>
                </div>
            </div>
        </div>
        <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('admin.pages.landingPage.membership.advertisement.store', ['type' => $type]) }}"
                                method="POST" enctype="multipart/form-data">
                                @csrf
                                <div class="col-sm-12">

                                    <div class="form-group">
                                        <div class="form-control-wrap">
                                            <img id="output"
                                                style="width:1000px:height:250px;object-fit:contain;box-shadow: 0px 0px 31px -7px #cbcbcb;"
                                                src="https://via.placeholder.com/250x250" alt="">
                                            <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') }}" /><label class="form-label-outlined"
                                            for="outlined-right-icon">URL Iklan <span class="text-danger">*</span></label>
                                        <p class="mt-1 text-sm text-gray-500 dark:text-gray-300" id="image_url_help">URL
                                            Example
                                            : https://www.example.com</p>
                                    </div>

                                    <div class="form-group">
                                        <select name="enabled" class="form-control form-control-outlined">
                                            <option value="{{ \App\Models\Administrator\DataMaster\SmartAd::ENABLED }}">
                                                Aktif
                                            </option>
                                            <option value="{{ \App\Models\Administrator\DataMaster\SmartAd::DISABLED }}">
                                                Tidak Aktif
                                            </option>
                                        </select>
                                        <label class="form-label-outlined" for="outlined-right-icon">Status Iklan <span
                                                class="text-danger">*</span></label>
                                    </div>
                                </div>
                                <div class="text-end mt-3">
                                    <button type="submit" class="btn btn-primary">
                                        <em class="icon ni ni-save"></em> Simpan</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection