@extends('admin.layouts.master-soyuz')
@section('title','Edit Business Category | ')
@section('body')

@component('admin.component.breadcumb',['thirdactive' => 'active'])

@slot('heading')
{{ __('Home') }}
@endslot

@slot('menu1')
{{ __("Business Category") }}
@endslot

@slot('menu2')
{{ __("Edit Business Category") }}
@endslot
@slot('button')
<div class="col-md-6">
  <div class="widgetbar">

  <a href="{{url('admin/businesscategory')}}" class="btn btn-primary-rgba mr-2"><i
      class="feather icon-arrow-left mr-2"></i>Back</a>
</div>
</div>
@endslot
@endcomponent
<style>
  .custom-catimg-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin: 0;

}
</style>

<div class="contentbar">
  <div class="row">
    @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="col-lg-12">
      <div class="card m-b-30">
        <div class="card-header">
          <h5 class="box-title">Edit Business Category</h5>
        </div>
        <div class="card-body">

          <form id="catform" method="post" enctype="multipart/form-data" action="{{url('admin/businesscategory/'.$cat->id)}}"
            data-parsley-validate class="form-horizontal form-label-left">
            {{csrf_field()}}
            {{ method_field('PUT') }}
            <div class="form-group">
              <label class="control-label" for="first-name">
                Category: <span class="required">*</span>
              </label>

              <input placeholder="Please enter business category name" type="text" id="first-name" name="title"
                value="{{$cat->title}}" class="form-control col-md-12">


            </div>
            <div class="form-group">
              <label class="control-label" for="first-name"> Description <span class="required"></span>
              </label>

              <textarea cols="2" id="editor1" name="description" rows="5">
              {{ucfirst($cat->description)}}
             </textarea>
              <small class="txt-desc">(Please Enter Description)</small>
            </div>

           
            <div class="form-group">
              <label class="control-label" for="first-name"> Image:
              </label>

              <div class="mb-2">
              
                @if($cat->image != '')
                    @if(file_exists(public_path().'/images/business_category/'.$cat->image) )
                     <img width="100px" class="img-fluid bg-primary-rgba p-3" src=" {{url('images/business_category/'.$cat->image)}}">
        
                    @else
                     <img width="100px" class="img-fluid bg-primary-rgba p-3" src=" {{url($cat->image)}}">
                    @endif
                @else
                  <img title="{{ $cat->title }}" class="pro-img" src="{{ Avatar::create($cat['title'])->toBase64() }}" />
                @endif
              </div>
              
              <!-- <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="inputfile inputfile-1" id="inputGroupFile01"
                    aria-describedby="inputGroupFileAddon01">
                  <label class="custom-file-label" for="inputGroupFile01">Choose file</label>
                </div>
              </div> -->
                <div class="input-group">
                  <input type="file" class="custom-catimg-input" name="image" id="image" aria-describedby="inputGroupFileAddon01" >
                  <label class="custom-file-label">
                                            {{__("Upload Image")}}
                                        </label>
                                                        @if ($errors->has('image'))
                <span class="invalid-feedback position-absolute d-inline-block" role="alert">
                  <strong>{{ $errors->first('image') }}</strong>
                </span>
                @endif
              
                </div>


              <small class="text-info"> <i class="text-dark feather icon-help-circle"></i>(Please choose a
                Image)</small>




            </div>

            <div class="form-group">
              <label class="control-label" for="first-name">Banner Image:
              </label>

              <div class="mb-2">
              
                @if($cat->banner_image != '')
                    @if(file_exists(public_path().'/images/business_category/'.$cat->banner_image) )
                     <img width="100px" class="img-fluid bg-primary-rgba p-3" src=" {{url('images/business_category/'.$cat->banner_image)}}">
        
                    @else
                     <img width="100px" class="img-fluid bg-primary-rgba p-3" src=" {{url($cat->banner_image)}}">
                    @endif
                @else
                  <img title="{{ $cat->title }}" class="pro-img" src="{{ Avatar::create($cat['title'])->toBase64() }}" />
                @endif
              </div>
              
             
                <div class="input-group">
                  <input type="file" class="custom-catimg-input" name="banner_image" id="banner_image" aria-describedby="inputGroupFileAddon01" >
                  <label class="custom-file-label">
                                            {{__("Upload Banner Image")}}
                                        </label>
                                                        @if ($errors->has('banner_image'))
                <span class="invalid-feedback position-absolute d-inline-block" role="alert">
                  <strong>{{ $errors->first('banner_image') }}</strong>
                </span>
                @endif
              
                </div>


              <small class="text-info"> <i class="text-dark feather icon-help-circle"></i>(Please choose a banner
                Image)</small>




            </div>
           <!--  <div class="col-md-6"> -->
                                                <div class="form-group">
                                                   <label class="text-dark">{{ __("Business Artwork Gallery : ") }}<span class="text-danger">*</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 multiple type="file" class="custom-file-input" name="gallery_images[]" id="upload_gallery">
                                                            <input type="text" name="images" value="@php if(!empty($cat->BusinessProductGallery) && (count($cat->BusinessProductGallery)>0)) {  echo $cat->BusinessProductGallery; } else { echo ''; }  @endphp">
                                                            <label class="custom-file-label" for="upload_gallery">
                                                                {{__("Multiple images can be selected")}}
                                                            </label>
                                                        </div>
                                                    </div>
                                                    
                                                    <!-- <small class="text-muted">
                                                        <i class="fa fa-question-circle"></i> {{__("Multiple images can be choosen")}}
                                                    </small> -->
                                                    <small class="text-muted">
               <i class="fa fa-question-circle"></i> {{__("Multiple images can be choosen")}}
                <br>
                <i class="fa fa-question-circle"></i>  {{ __('staticwords.MaxFileSize') }} : {{__("2 MB")}}
              </small>
              <div id="id-error">
              <label id="upload_gallery-error" class="error" for="upload_gallery"></label>
</div>  
                                                </div>
                                           <!--  </div> -->
                                           <div>
                                             <label class="mt-2">{{ __("Artwork Gallery Images:") }}</label>
                                        <br>
                                        @forelse($cat->BusinessProductGallery as $gallery)
                                        
                                        <!-- <a href="{{ url($gallery->image) }}"
                                            data-lightbox="image-1" data-title="{{ $gallery->image }}"> -->
                                            @if($gallery->image != '')
                                                 <a href="{{ url($gallery->image) }}" data-lightbox="image-1" data-title="{{ $gallery->image }}">
                                                    <img src="{{ url($gallery->image) }}"
                                                        alt="{{ $gallery->image }}" class="img-fluid pro-img img-thumbnail mb-2">
                                                </a>
                                            @else
                                               
                                            @endif
                                       <!--  </a> -->
                                        <i data-imageid="{{ $gallery->id }}" class="text-red fa fa-times stick_close_btn"></i>
                                        @empty
                                        {{__("No images in artwork gallery.")}}
                                        @endforelse
                                           </div>
          <!--   <div class="form-group">
              <label class="control-label" for="first-name">
                Featured:
              </label>
              <br>
              <label class="switch">
                <input class="slider tgl tgl-skewed" type="checkbox" id="toggle-event33"
                  {{$cat->featured ==1 ? "checked" : ""}}>
                <span class="knob"></span>
                <input type="hidden" name="featured" value="{{ $cat->featured }}" id="featured">

              </label>
              <br>
              <small class="text-info"> <i class="text-dark feather icon-help-circle"></i>(If enabled than Business Category will
                be featured)</small>



            </div> -->
            <div class="form-group">
              <label class="control-label" for="first-name">
                Status:
              </label>
              <br>
              <label class="switch">
                <input class="slider tgl tgl-skewed" type="checkbox" id="toggle-event33"
                  {{$cat->status ==1 ? "checked" : ""}}>
                <span class="knob"></span>
                <input type="hidden" name="status" value="{{ $cat->status }}" id="status3">

              </label>
              <br>
              <small class="text-info"> <i class="text-dark feather icon-help-circle"></i>(Please Choose Status)</small>


            </div>

            <div class="form-group">
              <button @if(env('DEMO_LOCK')==0) type="reset" @else disabled title="This operation is disabled is demo !"
                @endif class="btn btn-danger"><i class="fa fa-ban"></i> Reset</button>
              <button @if(env('DEMO_LOCK')==0) type="submit" @else disabled title="This operation is disabled is demo !"
                @endif class="btn btn-primary"><i class="fa fa-check-circle"></i>
                Update</button>
            </div>
            <div class="clear-both"></div>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection
@section('custom-script')

<script src="//unpkg.com/axios/dist/axios.min.js"></script>
<script>
   $('#catform').validate({
        // errorClass: "error",
        //     errorElement: 'label',

        ignore: [],
        rules: {
            title: {
                required: true
            },
           
            image: {
                 extension: "jpeg|jpg|png|webp|gif|bmp",
                 //filesize:true 
                 //required: true
                              
            },
            /*banner_image: {
                 extension: "jpeg|jpg|png|webp|gif|bmp",
                 //filesize:true 
                 required: true
                              
            }*/
        },
        messages: {
            title: {
                required: "Please enter the business category name"
            },
           
            image: {
              
                extension: "Only file type jpeg,jpg,png,webp,gif,bmp is allowed",
                //filesize: "Upload file size must be greater than 200KB." 
                
                              
            }
            /*banner_image: {
                required: "Please upload business category banner image",
                extension: "Only file type jpeg,jpg,png,webp,gif,bmp is allowed",
                //filesize: "Upload file size must be greater than 200KB." 
                
                              
            }*/
        },
        errorPlacement: function(error, element) {
            console.log(element);
            error.insertAfter(element);
        }
    });

   
    
  </script>
  <script>
     $('.stick_close_btn').on('click', function () {

        var action = confirm('Are your sure ?');

        if (action == true) {
            var imageid = $(this).data('imageid');

            axios.post('{{ url("delete/business/gallery/image/") }}', {
                id: imageid
            }).then(res => {

                alert(res.data.msg);
                location.reload();

            }).catch(err => {
                alert(err);
                return false;
            });
        } else {

            alert('Delete cancelled !');
            return false;

        }

    });
  </script>
  @endsection