@extends('admin.layouts.master-soyuz')
@section('title',__("Create a Block Detail Page Advertisements | "))
@section('body')

@include('admin.layouts.topbar',$data)

<div class="contentbar bardashboard-card"> 
  <div class="row">
    
    <div class="col-lg-12">

      @if ($errors->any())
      <div class="alert alert-danger" role="alert">
        @foreach($errors->all() as $error)
        <p>{{ $error}}<button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">&times;</span></button></p>
        @endforeach
      </div>
      @endif

      <div class="card m-b-30">
        <div class="card-header">
          
          <div class="row">
            <div class="col-lg-8">
              <h5 class="box-title">{{ __('Add') }} {{ __('Block Detail Page Advertisements') }}</h5>
            </div>
            <div class="col-md-4">
              <div class="widgetbar">
                <a href="{{ route('detailadvertise.index') }}" class="btn btn-primary-rgba mr-2"><i class="feather icon-arrow-left mr-2"></i>{{ __("Back") }}</a>
              </div>
            </div>
          </div>
          
        </div>
        <div class="card-body">
          <form action="{{route('detailadvertise.store')}}" method="POST" enctype="multipart/form-data">
            @csrf
  
            <div class="row">

              <div class="form-group col-lg-6">
                <label>{{ __('Select Position:') }} <span class="required">*</span></label>
                <select required="" name="position" id="position" class="form-control select2">
                    <option value="category">On Category Page</option>
                    <option value="prodetail">On Product Detail Page</option>
                </select>
              </div>

              <div id="linkedPro" class="display-none form-group col-lg-6">
                <label>{{ __('Display Product Page:') }} <span class="required">*</span></label>
                <select name="linkedPro" id="" class="form-control select2">
                    @foreach(App\Product::where('status','=','1')->get() as $pro)
                      <option value="{{ $pro->id }}">{{ $pro->name }}</option>
                    @endforeach
                </select>
                <small class="text-info"><i class="fa fa-question-circle"></i> {{ __('Select a product page where you want to display this ad.') }}</small>
              </div>

              <div id="linkedCat" class="form-group col-lg-6">
                <label>{{ __('Display Category Page:') }} <span class="required">*</span></label>
                <select name="linkedCat" id="" class="form-control select2">
                    @foreach(App\Category::where('status','=','1')->get() as $cat)
                      <option value="{{ $cat->id }}">{{ $cat->title }}</option>
                    @endforeach
                </select>
                <small class="text-info"><i class="fa fa-question-circle"></i> {{ __('Select a category page where you want to display this ad.') }}</small>
              </div>

              <div class="form-group col-lg-6">
                <label>{{ __('Belongs To:') }} <span class="required">*</span></label>
                <select required="" name="linkby" id="linkby" class="form-control select2">
                    <option value="category">{{ __('By Category Page') }}</option>
                    <option value="detail">{{ __('By Product Page') }}</option>
                    <option value="url">{{ __("By Custom URL") }}</option> 
                    <option value="adsense">{{ __("By Google Adsense") }}</option>
                </select>
              </div>

              <div class="form-group col-lg-6">
                <label>{{ __('Choose Image:') }} <span class="required">*</span></label>
                <div class="input-group mb-3">

                  <div class="input-group-prepend">
                    <span class="input-group-text" id="inputGroupFileAddon01">Upload</span>
                  </div>
  
  
                  <div class="custom-file">
  
                    <input type="file" name="adimage" class="inputfile inputfile-1" id="inputGroupFile01"
                      aria-describedby="inputGroupFileAddon01">
                    <label class="custom-file-label" for="inputGroupFile01">{{ __("Choose file") }} </label>
                  </div>
                </div>
              </div>

              <div id="catbox" class="form-group col-lg-6">
                <label>{{  __('Select Category') }}: <span class="required">*</span></label>
                <select name="cat_id" id="" class="select2 form-control">
                    @foreach(App\Category::where('status','=','1')->get() as $cat)
                      <option value="{{ $cat->id }}">{{ $cat->title }}</option>
                    @endforeach
                </select>
              </div>

              <div id="probox" class="display-none form-group col-lg-6">
                <label>{{ __('Select Product:') }} <span class="required">*</span></label>
                <select name="pro_id" id="" class="select2 form-control">
                    @foreach(App\Product::where('status','=','1')->get() as $pro)
                      <option value="{{ $pro->id }}">{{ $pro->name }}</option>
                    @endforeach
                </select>
                <small class="text-info"><i class="fa fa-question-circle"></i> {{__('Select a product page so when user click on ad he/she will redirect to this product page')}} </small>
              </div>

              <div class="form-group col-lg-6">
                <label>{{ __('Heading Text:') }} </label>
                <input value="{{ old('top_heading') }}" name="top_heading" placeholder="{{ __('Enter heading text') }}" type="text" class="form-control" id="top_heading">
              </div>
  
              <div class="form-group col-lg-6">
                 <label>{{__('Heading Text Color:')}} </label>
                 <div class="input-group initial-color" title="Using input value">
                  <input type="text" class="form-control input-lg" value="#000000" name="hcolor" placeholder="#000000"/>
                  <span class="input-group-append">
                    <span class="input-group-text colorpicker-input-addon"><i></i></span>
                  </span>
                </div>                
              </div>
  
              <div class="form-group col-lg-6">
                <label>{{__("Subheading Text:")}} </label>
                <input value="{{ old('sheading') }}" name="sheading" placeholder="{{ __('Enter subheading text') }}" type="text" class="form-control" id="top_heading">
              </div>

              <div class="form-group col-lg-6">
                <label>{{__("Subheading Text Color:")}} </label>
                <div class="input-group initial-color">
                  <input type="text" class="form-control input-lg" value="#000000" name="scolor" placeholder="#000000"/>
                  <span class="input-group-append">
                    <span class="input-group-text colorpicker-input-addon"><i></i></span>
                  </span>
                </div>                
              </div>
  
              <div id="urlbox" class="display-none form-group col-lg-6">
                <label>{{ __('Custom URL:') }} </label>
                <input value="{{ old('url') }}" placeholder="http://" type="text" class="form-control" id="url" name="url">
              </div>

              <div id="adsenseBox" class="display-none form-group col-lg-6">
                <label>{{ __('Google Adsense Code:') }} </label>
                <textarea name="adsensecode" cols="30" rows="5" placeholder="{{ __('Paste your Adsense code script here') }}" class="form-control">{{ old('adsensecode') }}</textarea> 
              </div>
  
              <div class="form-group col-lg-3">
                <label>{{ __('Show Button:') }}</label>
                <br>
                <label class="switch">
                  <input type="checkbox" class="show_btn toggle-input toggle-buttons" name="show_btn" >
                  <span class="knob"></span>
                </label>
              </div>

              <div class="form-group col-lg-3">
                <label>{{ __('Status:') }}</label>
                <br>
                <label class="switch">
                  <input type="checkbox" class="quizfp toggle-input toggle-buttons" name="status" checked>
                  <span class="knob"></span>
                </label>
              </div>

              <div class="form-group col-lg-6 buttongroup">
                <label>{{ __('Button Text:') }} </label>
                <input value="{{ old('btn_txt') }}" placeholder="Enter button text" type="text" class="form-control" id="btn_txt" name="btn_txt">
              </div>
  
              <div class="form-group col-lg-6 buttongroup b-none">
                  <label>{{ __('Button Text Color:') }} </label>
              
                  <div class="input-group initial-color">
                  <input type="text" class="form-control input-lg" value="#000000" name="btn_txt_color" placeholder="#000000"/>
                  <span class="input-group-append">
                    <span class="input-group-text colorpicker-input-addon"><i></i></span>
                  </span>
                </div>
              </div>
               
  
              <div class="form-group col-lg-6 buttongroup b-none">
                  <label>{{ __('Button Background Color:') }} </label>
                
                  <div class="input-group initial-color" title="Using input value">
                  <input type="text" class="form-control input-lg" value="#000000" name="btn_bg" placeholder="#000000"/>
                  <span class="input-group-append">
                    <span class="input-group-text colorpicker-input-addon"><i></i></span>
                  </span>
                </div>
              </div> 

            </div>

  
         
      
  
      <div class="form-group">
        <button type="reset" class="btn btn-danger"><i class="fa fa-ban"></i>
          {{ __("Reset") }}</button>
        <button type="submit" class="btn btn-primary"><i class="fa fa-check-circle"></i>
          {{ __("Create") }}</button>
      </div>

      <div class="clear-both"></div>
      </form>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection        
@section('custom-script')
  <script src="{{ url('js/detailads.js') }}"></script>
  <script>
    $('.buttongroup').hide('slow');
    $('.show_btn').on('change', function() {
 
      if($(this).is(':checked')) {
        $('.buttongroup').show('slow');
      } else {
        $('.buttongroup').hide('slow');
      }
    });
  </script>
@endsection