@extends('admin.layouts.app')
@section('title',Request()->settings->settings_website.' | Add Advertisement')
@section('contents')
<div class="content container-fluid">
    <div class="page-header">
        <div class="row align-items-center">
            <div class="col-md-4">
                <h3 class="page-title">Advertisements</h3>
            </div>
            <div class="col-md-8 float-end ms-auto">
                <div class="d-flex title-head">
                    <div class="daterange-picker d-flex align-items-center justify-content-center">
                        <div class="head-icons mb-0">
                            <a href="{{ route('admin.add_advertisement') }}" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Refresh"><i class="ti ti-refresh-dot"></i></a>
                            <a href="javascript:void(0);" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Collapse" id="collapse-header"><i class="ti ti-chevrons-up"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="card">
               <div class="card-header">
                  <h5 class="card-title">Add Advertisement</h5>
               </div>
               <div class="card-body">
                  <form id="advertisement_form" action="{{ route('admin.add_advertisement') }}" method="post" enctype="multipart/form-data">
                    @csrf
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-wrap">
                                <label class="col-form-label">Advertisement <span class="text-danger">*</span></label>
                                <input type="text" name="advertisement_title" class="form-control" value="{{ old('advertisement_title') }}" autocomplete="off">
                                @if($errors->has('advertisement_title'))
                                <div>{{ $errors->first('advertisement_title') }}</div>
                                @endif
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-wrap">
                                <label class="col-form-label">Image <span class="text-danger">*</span></label>
                                <div>
                                    <img src="{{ asset(config('constants.admin_path').'img/no_image.jpeg') }}" class="img-thumbnail" id="advertisement_image_src" style="height: 200px" alt="">
                                </div>
                                <input type="file" name="advertisement_image" id="advertisement_image" class="form-control">
                                @if($errors->has('advertisement_image'))
                                <div>{{ $errors->first('advertisement_image') }}</div>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="text-end">
                        <button type="submit" name="submit" class="btn btn-primary" value="submit">Submit</button>
                    </div>
                  </form>
               </div>
            </div>
         </div>
    </div>
</div>
@endsection
@section('custom_script')
<script>
advertisement_image.onchange = evt => {
  const [file] = advertisement_image.files
  if (file) {
    advertisement_image_src.src = URL.createObjectURL(file)
  }
}                
</script>
@endsection