@extends('dashbord.layouts.master')

@section('toolbar')

<div id="kt_app_toolbar_container"
     class="app-container container-xxl d-flex flex-stack">

    <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">

        <h1 class="page-heading d-flex text-dark fw-bold fs-3
                   flex-column justify-content-center my-0">

            {{ trans('dash_site.edit_advertisement') }}

        </h1>

        <ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0 pt-1">

            <li class="breadcrumb-item text-muted">

                <a href="{{ route('admin.dashboard') }}"
                   class="text-muted text-hover-primary">

                    {{ trans('Toolbar.home') }}

                </a>

            </li>

            <li class="breadcrumb-item">

                <span class="bullet bg-gray-400 w-5px h-2px"></span>

            </li>

            <li class="breadcrumb-item text-muted">

                {{ trans('Toolbar.site') }}

            </li>

            <li class="breadcrumb-item">

                <span class="bullet bg-gray-400 w-5px h-2px"></span>

            </li>

            <li class="breadcrumb-item text-muted">

                {{ trans('dash_site.advertisements') }}

            </li>

        </ul>

    </div>


    <div class="d-flex align-items-center gap-2 gap-lg-3">

        <div class="d-flex">

            <a href="{{ route('admin.adv.index') }}"
               class="btn btn-icon btn-sm btn-primary flex-shrink-0 ms-4">

                <span class="svg-icon svg-icon-2">

                    <svg width="24"
                         height="24"
                         viewBox="0 0 24 24"
                         fill="none"
                         xmlns="http://www.w3.org/2000/svg">

                        <path
                            d="M17.6 4L9.6 12L17.6 20H13.6L6.3 12.7C5.9 12.3 5.9 11.7 6.3 11.3L13.6 4H17.6Z"
                            fill="currentColor"/>

                    </svg>

                </span>

            </a>

        </div>

    </div>

</div>

@endsection


@section('content')

<div id="kt_app_content_container"
     class="app-container container-xxxl">


    @if ($errors->any())

        <div class="alert alert-danger">

            <ul class="mb-0">

                @foreach ($errors->all() as $error)

                    <li>{{ $error }}</li>

                @endforeach

            </ul>

        </div>

    @endif


    <form id="UpdateForm"
          class="form d-flex flex-column flex-lg-row"
          action="{{ route('admin.adv.update', $one_data->id) }}"
          method="POST"
          enctype="multipart/form-data">

        @csrf

        @method('PUT')


        <!--begin::Image-->

        <div class="d-flex flex-column gap-7 gap-lg-10
                    w-100 w-lg-300px mb-7 me-lg-10">

            <div class="card card-flush py-4">

                <div class="card-header">

                    <div class="card-title">

                        <h2>{{ trans('dash_site.image') }}</h2>

                    </div>

                </div>


                <div class="card-body text-center pt-0">

                    <style>

                        .image-input-placeholder {
                            background-image:
                                url('{{ asset('assets/media/svg/files/blank-image.svg') }}');
                        }

                        [data-bs-theme="dark"] .image-input-placeholder {
                            background-image:
                                url('{{ asset('assets/media/svg/files/blank-image-dark.svg') }}');
                        }

                    </style>


                    <div class="mb-7">

                        <div class="image-input image-input-outline mb-3"
                             data-kt-image-input="true">


                            <!--begin::Image preview-->

                            <div class="image-input-wrapper w-150px h-150px"
                                 style="background-image: url('{{ $one_data->image }}')">
                            </div>

                            <!--end::Image preview-->


                            <!--begin::Change-->

                            <label
                                class="btn btn-icon btn-circle
                                       btn-active-color-primary
                                       w-25px h-25px bg-body shadow"
                                data-kt-image-input-action="change"
                                data-bs-toggle="tooltip"
                                title="Change image">

                                <i class="bi bi-pencil-fill fs-7"></i>

                                <input type="file"
                                       name="image"
                                       accept=".png,.jpg,.jpeg,.webp"/>

                                <input type="hidden"
                                       name="image_remove"/>

                            </label>

                            <!--end::Change-->


                            <!--begin::Cancel-->

                            <span
                                class="btn btn-icon btn-circle
                                       btn-active-color-primary
                                       w-25px h-25px bg-body shadow"
                                data-kt-image-input-action="cancel"
                                data-bs-toggle="tooltip"
                                title="Cancel image">

                                <i class="bi bi-x fs-2"></i>

                            </span>

                            <!--end::Cancel-->


                            <!--begin::Remove-->

                            <span
                                class="btn btn-icon btn-circle
                                       btn-active-color-primary
                                       w-25px h-25px bg-body shadow"
                                data-kt-image-input-action="remove"
                                data-bs-toggle="tooltip"
                                title="Remove image">

                                <i class="bi bi-x fs-2"></i>

                            </span>

                            <!--end::Remove-->

                        </div>


                        <div class="text-muted fs-7">

                            Only *.png, *.jpg, *.jpeg and *.webp
                            image files are accepted.

                        </div>

                    </div>


                    @error('image')

                        <div class="fv-plugins-message-container invalid-feedback d-block">

                            {{ $message }}

                        </div>

                    @enderror
    <!--begin::Status-->

                    <div class="mb-10 fv-row">

                        <label class="form-label">

                            {{ trans('dash_site.Status') }}

                        </label>


                        <select name="status"
                                class="form-select @error('status') is-invalid @enderror"
                                data-control="select2"
                                data-hide-search="true">

                            <option value="1"
                                {{ old('status', $one_data->status) == 1 ? 'selected' : '' }}>

                                {{ trans('dash_site.active') }}

                            </option>

                            <option value="0"
                                {{ old('status', $one_data->status) == 0 ? 'selected' : '' }}>

                                {{ trans('dash_site.inactive') }}

                            </option>

                        </select>


                        @error('status')

                            <div class="fv-plugins-message-container invalid-feedback">

                                {{ $message }}

                            </div>

                        @enderror

                    </div>

                    <!--end::Status-->

                </div>

            </div>

        </div>

        <!--end::Image-->


        <!--begin::Main-->

        <div class="d-flex flex-column flex-row-fluid gap-7 gap-lg-10">


            <div class="card card-flush py-4">

                <div class="card-header">

                    <div class="card-title">

                        <h2>{{ trans('dash_site.advertisement_data') }}</h2>

                    </div>

                </div>


                <div class="card-body pt-0">




                    <!--begin::Dates-->

                    <div class="row">


                        <!--begin::From Date-->

                        <div class="col-md-6">

                            <div class="mb-10 fv-row">

                                <label class="form-label">

                                    {{ trans('dash_site.from_date') }}

                                </label>


                                <input type="date"
                                       name="from_date"
                                       value="{{ old('from_date', $one_data->from_date ? $one_data->from_date->format('Y-m-d') : '') }}"
                                       class="form-control @error('from_date') is-invalid @enderror"/>


                                @error('from_date')

                                    <div class="fv-plugins-message-container invalid-feedback">

                                        {{ $message }}

                                    </div>

                                @enderror

                            </div>

                        </div>

                        <!--end::From Date-->


                        <!--begin::To Date-->

                        <div class="col-md-6">

                            <div class="mb-10 fv-row">

                                <label class="form-label">

                                    {{ trans('dash_site.to_date') }}

                                </label>


                                <input type="date"
                                       name="to_date"
                                       value="{{ old('to_date', $one_data->to_date ? $one_data->to_date->format('Y-m-d') : '') }}"
                                       class="form-control @error('to_date') is-invalid @enderror"/>


                                @error('to_date')

                                    <div class="fv-plugins-message-container invalid-feedback">

                                        {{ $message }}

                                    </div>

                                @enderror

                            </div>

                        </div>

                        <!--end::To Date-->

                    </div>

                    <!--end::Dates-->


                     <!--begin::URL-->

                    <div class="mb-10 fv-row">

                        <label class="form-label">

                            URL

                        </label>


                        <input type="url"
                               name="url"
                               value="{{ old('url', $one_data->url) }}"
                               class="form-control @error('url') is-invalid @enderror"
                               placeholder="https://example.com"/>


                        @error('url')

                            <div class="fv-plugins-message-container invalid-feedback">

                                {{ $message }}

                            </div>

                        @enderror

                    </div>

                    <!--end::URL--> 
     {{-- <!-- whatsapp message -->

                    <div class="row">

                        <div class="col-md-6">

                            <div class="mb-10 fv-row">

                                <label class="form-label">
                                    {{ trans('dash_site.whatsapp_number') }}
                                </label>

                                <input type="text"
                                       name="whatsapp_number"
                                       value="{{ old('whatsapp_number', $one_data->whatsapp_number) }}"
                                       class="form-control
                                              @error('whatsapp_number') is-invalid @enderror"/>

                                @error('whatsapp_number')

                                <div class="fv-plugins-message-container invalid-feedback">
                                    {{ $message }}
                                </div>

                                @enderror

                            </div>

                        </div>


                        <div class="col-md-6">

                            <div class="mb-10 fv-row">

                                <label class="form-label">
                                    {{ trans('dash_site.whatsapp_message') }}
                                </label>

                                <input type="text"
                                       name="whatsapp_message"
                                       value="{{ old('whatsapp_message', $one_data->whatsapp_message) }}"
                                       class="form-control
                                              @error('whatsapp_message') is-invalid @enderror"/>

                                @error('whatsapp_message')

                                <div class="fv-plugins-message-container invalid-feedback">
                                    {{ $message }}
                                </div>

                                @enderror

                            </div>

                        </div>

                    </div>
--}}
                </div>

            </div>


            <!--begin::Actions-->

            <div class="d-flex justify-content-end">


                <a href="{{ route('admin.adv.index') }}"
                   class="btn btn-light me-5">

                    {{ trans('forms.cancel_btn') }}

                </a>


                <button type="submit"
                        class="btn btn-primary">

                    <span class="indicator-label">

                        {{ trans('forms.save_btn') }}

                    </span>


                    <span class="indicator-progress">

                        Please wait...

                        <span class="spinner-border spinner-border-sm align-middle ms-2">
                        </span>

                    </span>

                </button>

            </div>

            <!--end::Actions-->

        </div>

        <!--end::Main-->

    </form>

</div>

@endsection