@extends('admin.layouts.dashboard')

@php
  $title = "Add Banner";
  $button_text = "Add Banner";
  if(!empty($banner)) {
    $title = "Edit Banner";
    $button_text = "Update Banner";
  }
@endphp

@section('title', $title)


@section('content')
    <!-- Main content -->
    <section class="py-0">
      <div class="container-fluid">
        <div class="card card-primary">
          <div class="card-header">
            <h3 class="card-title">{{ $title }}</h3>
          </div>
          <!-- /.card-header --> 
          
          @if(!empty($banner))
            <form method="POST" action="{{ route('admin.banners.update', $banner) }}" enctype="multipart/form-data">
            @method('put')
          @else
              <form method="POST" action="{{ route('admin.banners.store') }}" enctype="multipart/form-data">
          @endif
          @csrf
          <div class="card-body">

            <div class="form-group @error('name') has-danger @enderror">
                <label class="col-form-label" for="name">Name</label>
                <input type="text" class="form-control @error('name') is-invalid @enderror" id="name" name="name" value="{{ !empty($banner->name) ? $banner->name:"" }}" placeholder="Name" required>
                @error('name') <span class="invalid-feedback">{{ $message }}</span> @enderror
            </div>
            <div class="col-lg-9 mt-2 mb-2">
                <input type="file" name="image" id="imgInp" accept="image/*" class="file-box"/>
              </div>
            <div class="form-group py-2">
              <div class="checkbox">
                <label>
                  <input type="checkbox" id="is_active" name="is_active" value="1" @if(!empty($banner)) @if(old('is_active', $banner->is_active) == 1) checked @endif @endif>
                  Active?
                </label>
              </div>
            </div>

          </div>
          <!-- /.card-body -->
          <div class="card-footer">
            <button type="submit" class="btn btn-primary">{{ $button_text }}</button>
          </div>
          <!-- /.card-footer -->
          </form>
        </div>
      </div>
    </section>
    <!-- /.content -->
@endsection