@extends('layouts.master')

@section('title')
    Tambah 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">
                        Tambah Data Iklan
                    </h3>
                </div>
                <div class="nk-block-head-content">
                    <a href="{{ route('pages.dataAspaki.advertising.index') }}" 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('pages.dataAspaki.advertising.storeNews') }}" 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\Dashboard\LandingPage\SmartAd::STATUS_ENABLED }}">
                                            Aktif
                                        </option>
                                        <option value="{{ \App\Models\Dashboard\LandingPage\SmartAd::STATUS_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>
@endsection