@extends('layouts.adminlayouts.app')
@section('title')
<title>Posts | Company Name</title>
@endsection
@push('css')
@endpush
@section('contents')

        <div class="row">
        <div class="col-lg-4">
            <div class="ibox ">
            <div class="ibox-title">
                <h5>New Catagory</h5>
            </div>
            <div class="ibox-content">
                 <form action="#" method="post" enctype="multipart/form-data">
                            @csrf
                          <div class="form-group">
                            <label>Catagory Name*</label>
                            @if ($errors->has('name'))
                              <p style="color: red;margin: 0;">{{ $errors->first('name') }}</p>
                            @endif
                            <input type="text" name="name" value="{{old('name')}}" class="form-control" placeholder="Enter Your Catagory Name">
                          </div>
                          <div class="form-group">
                            <label>Catagory slug (Optinal)</label>
                            @if ($errors->has('slug'))
                              <p style="color: red;margin: 0;">{{ $errors->first('slug') }}</p>
                            @endif
                            <input type="text" name="slug" value="{{old('slug')}}" class="form-control" placeholder="Enter Your Catagory Slug">
                          </div>
                          <div class="form-group">
                            <label>Parent Catagory</label>
                            @if ($errors->has('parent_id'))
                              <p style="color: red;margin: 0;">{{ $errors->first('parent_id') }}</p>
                            @endif
                            <select name="parent_id" class="form-control">
                              <option value="">Select Option</option>
                                <option value="1">Fashion</option>
                            </select>
                          </div>
                          <div class="form-group">
                            <label>Catagory Description</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">{!!old('description')!!}</textarea>
                          </div>
                          <div class="form-group">
                            <label>Catagory 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">
                            <label>Catagory 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>Catagory Status</label>
                                  <div class="i-checks"><label style="cursor: pointer;"> <input name="status"  type="checkbox" > <i></i> Active</label></div>
                                </div>
                                <div class="form-group col-lg-6">
                                    <label>Catagory Fetured</label>
                                  <div class="i-checks"><label style="cursor: pointer;"> <input name="status"  type="checkbox" > <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 class="col-lg-8">
        <div class="ibox ">
        <div class="ibox-title">
            <h5>Catagory All</h5>
        </div>
        <div class="ibox-content">
            <div class="row">
                <div class="col-lg-12">
                    <div class="row">
                        <div class="col-sm-5 m-b-xs">
                            <div class="input-group mb-3">
                            <select class="form-control" name="allaction">
                                <option value="">Select Option</option>
                                <option value="3">Status Active</option>
                                <option value="4">Status Inactive</option>
                                <option value="4">Delete</option>
                            </select>
                            <div class="input-group-append">
                                    <button class="btn btn-sm btn-primary" type="button">Action</button>
                            </div>
                            </div>
                            <label style="cursor: pointer;">
                            <input class="checkbox" type="checkbox" name="checkall" id="checkall" style="display: inline-block;"> All Select
                            </label>
                        </div>
                        <div class="col-sm-7">
                            <div class="input-group mb-3">
                                <input type="text" class="form-control form-control-sm" placeholder="Search (ID,title )">
                                <div class="input-group-append">
                                    <button class="btn btn-sm btn-primary" type="button">Search</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="table-responsive">
                   @include('admin.posts.includes.postscatgoryAll')
                </div>
                </div>
            </div>
            </div>
        </div>
    </div>
</div>

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