@extends('admin.layouts.master')
@section('title', 'Add Slider - Admin')
@section('maincontent')
@include('admin.layouts.topbar',$data)
<div class="contentbar">
  @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" style="color:red;">&times;</span></button></p>
      @endforeach  
  </div>
  @endif
  <div class="row">
    <div class="col-lg-12">
      <div class="card dashboard-card m-b-30">
        <div class="card-header">
          <h5 class="card-title">{{ __('Add Slider') }}</h5>
          <div>
            <div class="widgetbar">
              <a href="{{url('slider')}}" class="btn btn-primary-rgba"><i class="feather icon-arrow-left mr-2"></i>{{ __("Back")}}</a>
          
            </div>
          </div>
        </div>
        <div class="card-body">
          
          <form id="demo-form2" method="post" action="{{url('slider/')}}" data-parsley-validate class="form-horizontal form-label-left" enctype="multipart/form-data">
            {{ csrf_field() }}
          
          <div class="row">
            <div class="form-group col-md-6">
              <label for="exampleInputTit1e">{{ __('Heading') }}:<sup class="redstar text-danger">*</sup></label>
              <input class="form-control" type="text" name="heading" placeholder="{{ __('Enter') }} {{ __('Heading') }}">
              
            </div>
            <div class="form-group col-md-6">
              <label for="exampleInputSlug">{{ __('SubHeading') }}:<sup class="redstar text-danger">*</sup></label>
                  <input type="slug" class="form-control" name="sub_heading" id="exampleInputPassword1" placeholder="{{ __('Enter') }} {{ __('SubHeading') }}">
            </div>

            <div class="d-none">
              <label for="exampleInputTit1e d-none">{{ __('SearchText') }}:<sup class="redstar text-danger">*</sup></label>
              <input type="text" class="form-control display-none" name="search_text" id="exampleInputTitle" value="0">
            </div>
            <div class="form-group col-md-12">
              <label for="exampleInputDetails">{{ __('Detail') }}:<sup class="redstar text-danger">*</sup></label>
              <textarea name="detail" rows="3" class="form-control" placeholder="{{ __('Enter') }} {{ __('Detail') }}"></textarea>
            </div>
            

            @if(Auth::user()->role == 'instructor')
            <div class="form-group col-md-6">
              <label for="exampleInputSlug"> {{ __('Image') }}:<sup class="redstar text-danger">*</sup></label><br>
              <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="image" class="custom-file-input" id="inputGroupFile01" aria-describedby="inputGroupFileAddon01">
                  <label class="custom-file-label" for="inputGroupFile01">Choose file</label>
                </div>
              </div>
            </div>
            @endif

            @if(Auth::user()->role == 'admin')
            <div class="col-md-6">
                <label class="text-dark">{{ __('Image') }}:<sup class="redstar text-danger">*</sup></label><br>
                <div class="input-group mb-3">
                    <input type="text" class="form-control" readonly id="image" name="image">
                    <div class="input-group-append">
                      <span data-input="image" class="midia-toggle btn-primary  input-group-text" id="basic-addon2">Browse</span>
                    </div>
                </div>
            </div>
            @endif
              
              
             
              
            <div class="form-group col-md-2">
              <label for="exampleInputDetails">{{ __('Status') }}:</label><br>
              <input type="checkbox" class="custom_toggle" name="status"   checked />
              <input type="hidden"  name="free" value="0" for="status" id="status">
            </div>
             
            
            <div class="form-group col-md-2">
              <label for="exampleInputDetails">{{ __('TextPosition') }}:</label><br>
              <input id="pay" class="custom_toggle"  type="checkbox" name="left"  checked />
             
              <input type="hidden"  name="free" value="0" for="left" id="left">
                
              
            </div>
            <div class="form-group col-md-2">
              <label for="exampleInputDetails">{{ __(' Enable Search on Slider') }}:</label><br>
              <input  type="checkbox" name="search_enable"  class="custom_toggle"  checked />
              <input type="hidden"  name="free" value="0" for="search_enable" id="search_enable">
            
            </div>
          </div>
          <div class="form-group">
            <button type="reset" class="btn btn-danger-rgba mr-1"><i class="fa fa-ban"></i> {{ __("Reset")}}</button>
            <button type="submit" class="btn btn-primary-rgba"><i class="fa fa-check-circle"></i>
            {{ __("Create")}}</button>
          </div>

          </form>
        </div>
      </div>
    </div>
  </div>
</div>

@endsection


@section('script')
    <script>
        $(".midia-toggle").midia({
            base_url: '{{url('')}}',
            title : 'Choose Slider Image',
        dropzone : {
          acceptedFiles: '.jpg,.png,.jpeg,.webp,.bmp,.gif'
        },
            directory_name : 'slider'
        });
    </script>
@endsection