@extends('layouts.adminlayouts.app')
@section('title')
<title>Edit Sub Category - {{$appSetting->h1}} | {{$appSetting->slogan}}</title>
@endsection
@push('css')
      <!-- Select2 -->
  <link rel="stylesheet" href="{{asset('admin_asset/css/plugins/select2/select2.min.css')}}">
@endpush
@section('contents')
@include('alerts.alerts')
    <div class="row">
        <div class="col-lg-5">
            
        <div class="ibox ">
            <div class="ibox-title">
                <h5>Edit Sub Category</h5>
            </div>
            <div class="ibox-content">

                         <form action="{{route('admin.subcategoryUpdate',$subcat->id)}}" method="post" enctype="multipart/form-data">
                            @csrf


                          <div class="form-group">
                            <label>Select Category*</label>
                            @if ($errors->has('category'))
                              <p style="color: red;margin: 0;">{{ $errors->first('category') }}</p>
                            @endif
                            <select name="category" class="form-control select2" style="width: 100%;">
                              <option value="">Select Option</option>
                                 @foreach($categories as $cat)
                                 <option value="{{ $cat->id }}" {{$cat->id==$subcat->category->id?'selected':''}}>{{ $cat->title }}</option>
                                 @endforeach
                            </select>
                          </div>

                          <div class="form-group">
                            <label>Subcatagory Name*</label>
                            @if ($errors->has('title'))
                              <p style="color: red;margin: 0;">{{ $errors->first('title') }}</p>
                            @endif
                            <input type="text" name="title" value="{{$subcat->title}}" class="form-control" placeholder="Enter Your Subcatagory Name">
                          </div>

                           

                          <div class="form-group">
                            <label> Description (Optional)</label>
                            @if ($errors->has('description'))
                              <p style="color: red;margin: 0;">{{ $errors->first('description') }}</p>
                            @endif
                            <textarea name="description" rows="3" class="form-control" placeholder="Write Description">{!!$subcat->description!!}</textarea>
                          </div>
                        <div class="form-group">
                            @if($subcat->img_name)
                                <img src="{{ route('imagecache', [ 'template'=>'pfimd','filename' => $subcat->img_name ]) }}" class="img-fluid" style="width: 100px;" alt="{{$subcat->title}}">
                            @else
                            No Image
                            @endif
                         </div>
                          
                          <div class="form-group">
                            <label>Image</label>
                            @if ($errors->has('image'))
                              <p style="color: red;margin: 0;">{{ $errors->first('image') }}</p>
                            @endif
                            <input type="file" name="image" class="form-control" >
                          </div>
                          <div class="form-group">
                            @if($subcat->banner_name)
                                <img src="{{ route('imagecache', [ 'template'=>'cpsm','filename' => $subcat->banner_name ]) }}" class="img-fluid" style="width: 100px;" alt="{{$subcat->title}}">
                            @else
                            No Image
                            @endif
                         </div>
                          <div class="form-group">
                            <label> Banner</label>
                            @if ($errors->has('banner'))
                              <p style="color: red;margin: 0;">{{ $errors->first('banner') }}</p>
                            @endif
                            <input type="file" name="banner" class="form-control" >
                          </div>
                          <div class="row">
                                <div class="form-group col-lg-6">
                                    <label> Status</label>
                                  <div class="i-checks"><label style="cursor: pointer;"> <input name="active"  type="checkbox" {{$subcat->active==true?'checked':''}}> <i></i> Active</label></div>
                                </div>
                                <div class="form-group col-lg-6">
                                    <label> Fetured</label>
                                  <div class="i-checks"><label style="cursor: pointer;"> <input name="featured"  type="checkbox" {{$subcat->featured==true?'checked':''}}> <i></i> Active</label></div>
                                </div>
                          </div>

                          
                          <div class="form-group">
                            <button type="submit" class="btn btn-success">Submit</button>
                          </div>
                          </form>

                        
                    </div>
        </div>


        </div>
    </div>


@endsection
@push('js')
<script src="{{asset('admin_asset/js/plugins/select2/select2.full.min.js')}}"></script>
<script>
  $(document).ready(function () {
  $('.select2').select2({});
});
</script>

<script type="text/javascript">
  $(document).ready(function(){
    $('#checkall').click(function() {
        var checked = $(this).prop('checked');
        $('input:checkbox').prop('checked', checked);
      });
  });
</script>
@endpush