@extends('layouts.admin')

@isset ($advertise)
@section('title','Admin Edit Advertise')
@else
@section('title','Admin Create Advertise')
@endisset

@section('content')
<div class="row">
  <x-content-header :title="isset($advertise)?'Edit Advertise':'Create Advertise'" />
  <div class="col-12">
      <x-card>
          <form class="custom-validation" novalidate autocomplete method="POST"
          @isset($advertise)
              action="{{route('admin.advertises.update', $advertise)}}"
          @else
              action="{{route('admin.advertises.store')}}"
          @endisset
          enctype="multipart/form-data">
          @csrf
          @isset($advertise)
              @method('PUT')
          @endisset
              <div class="row flex-column-reverse flex-md-row">
                  <div class="col-md-8 align-self-center">

                      <div class="form-group row mb-4">
                          <label for="name" class="col-sm-2 col-form-label">Name<sup class="text-danger">*</sup></label>
                          <div class="col-sm-10">
                              <input type="text" name="name" @isset($advertise) value="{{ $advertise->name }}" @endisset class="form-control @error('name') parsley-error @enderror" id="name" placeholder="Enter name..." required>
                              @error('name')
                                  <ul class="parsley-errors-list filled" id="parsley-id-5" aria-hidden="false">
                                      <li class="parsley-required">{{ $message }}</li>
                                  </ul>
                              @enderror
                          </div>
                      </div>

                      <div class="form-group row mb-4">
                          <label for="url" class="col-sm-2 col-form-label">URL<sup class="text-danger">*</sup></label>
                          <div class="col-sm-10">
                              <input type="url" name="url" @isset($advertise) value="{{ $advertise->url }}" @endisset class="form-control @error('url') parsley-error @enderror" id="url" placeholder="Enter url..." required>
                              @error('url')
                                  <ul class="parsley-errors-list filled" id="parsley-id-5" aria-hidden="false">
                                      <li class="parsley-required">{{ $message }}</li>
                                  </ul>
                              @enderror
                          </div>
                      </div>
                      <div class="form-group row mb-4">
                        <label for="order" class="col-sm-2 col-form-label">Order<sup class="text-danger">*</sup></label>
                        <div class="col-sm-10">
                            <input type="number" name="order" @isset($advertise) value="{{ $advertise->order }}" @endisset class="form-control @error('order') parsley-error @enderror" id="order" placeholder="Enter order..." required>
                            @error('order')
                                <ul class="parsley-errors-list filled" id="parsley-id-5" aria-hidden="false">
                                    <li class="parsley-required">{{ $message }}</li>
                                </ul>
                            @enderror
                        </div>
                    </div>
                  </div>
                  <div class="col-md-4">
                      <div class="position-relative">
                          <label class="d-block text-center">Advertise<sup class="text-danger">*</sup></label>
                          <div class="d-flex w-50 m-auto">
                              <img class="img-thumbnail mw-50 img-clickable feature-img feature-image  @error('feature_image') border-danger @enderror" 
                              src="{{ isset($advertise)?asset($advertise->feature_image):asset('images/no-image.jpg') }}" alt="No Image" />
                              <input type="file" id="feature_image" class="custom-file-input d-none feature-image" name="feature_image" />
                          </div>
                      </div>
                  </div>
              </div>

              <button type="submit" class="btn btn-success rounded-pill w-md float-right"><i class="bx bx-check-shield"></i> Save</button>
              <a href="{{route('admin.advertises.index')}}" class="btn btn-warning rounded-pill w-md"><i class="bx bx-left-arrow-alt"></i> Back</a>
          </form>
      </x-card>
  </div>
</div>
@endsection