@extends('admin.layouts.app')
@section('title','Sub Categories')
@section('content')
  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
      Sub Category
      </h1>
      <ol class="breadcrumb">
        <li><a href="{{ url('admin/dashboard') }}"><i class="fa fa-dashboard"></i> Home</a></li>
        <li class="active"> Sub Category</li>
      </ol>
    </section>

  <section class="content">
        <div class="row">
         <div class="col-md-12">
          <div class="box collapsed-box">
            <div class="box-header with-border">
              <h3 class="box-title">Add Sub Category</h3>

              <div class="box-tools pull-right">
                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-plus"></i>
                </button>
               
              </div>
            </div>
            <!-- /.box-header -->
            <div class="box-body" style="display: none;">
           
      <!-- Info boxes -->
      
      <div class="row">
        <div class="col-md-2"></div>
        <div class="col-md-8">
          <form class="form-horizontal" action="{{ action('AdminController\SubCategoryController@store') }}" id="add_form" enctype="multipart/form-data" method="post">
          @csrf
              <div class="box-body">
                <div class="form-group">
                  <label for="" class="col-sm-4 control-label">Service Name<span style="color: red;">*</span></label>

                  <div class="col-sm-8">
                    <select type="text" class="form-control service" id="service" name="service_id" required>
                      <option  value="">Select</option>
                     @foreach($services as $service)
                       <option value="{{ $service->id ?? '' }}">{{ $service->name ?? '' }}</option>
                      @endforeach
                       <option  ></option>
                
                    </select>
                  </div>
                </div>
                
                <div class="form-group">
                  <label for="" class="col-sm-4 control-label">Service Title<span style="color: red;">*</span></label>

                  <div class="col-sm-8">
                    
                    <input type="text" class="form-control" id="" placeholder="Service Title"  name="name" required>
                  
                  </div>
                </div>
                <!-- <div class="form-group">
                  <label for="" class="col-sm-4 control-label">Short Description</label>

                  <div class="col-sm-8">
                    <textarea type="text" class="form-control" id="" placeholder="Short Description" onkeypress="return alphaonly(event)" name="short_description" rows="3" required>{{ $product->short_description ?? '' }}</textarea>
                  </div>
                </div> -->
                <div class="form-group">
                  <label for="" class="col-sm-4 control-label">Description<span style="color: red;">*</span></label>

                  <div class="col-sm-8">
                    <textarea  type="text" class="form-control" id="" placeholder="Description" name="description" ></textarea>
                  </div>
                </div>
                
                <div class="form-group">
                  <label for="" class="col-sm-4 control-label">Service Image</label>

                  <div class="col-sm-8">
                    <div class="row">
                     
                    <input type="file" name="image_name" class="form-control">
                      
                    </div>
                    
                     
                  </div>
                </div> 



                <div class="editlocationbox">
           
               <!-- <div class="form-group">
                  <label for="" class="col-sm-4 control-label">Network Location<span style="color: red;">*</span></label>
                  <div class="col-sm-8">
                    <div class="row">
                      
                        <input type="text" class="form-control" id="" placeholder="Enter Location" name="networks_location" required>
                      </div>-->
                       <!-- <div class="col-xs-2"><button type="button" class="btn btn-success m-t-32 mr-2" id="edit_location"><i class="fa fa-plus"></i></button></div> -->
                
                    
                  <!--</div>
                 
                </div>-->
                <div class="form-group">
                  <label for="" class="col-sm-4 control-label">Location Services<span style="color: red;">*</span></label>
                  <div class="col-sm-8">
                    <input type="text" class="form-control" id="" placeholder="Enter Location" name="network[0][networks]" required>
                  </div>
                </div>
               
                  <div class="editLocation">
                  <input type="hidden" name=""  value="">
                    <div class="editMoreLocationbox">
                   <div class="form-group">
                    <label for="" class="col-sm-4 control-label">Network Location<span style="color: red;">*</span></label>
                    <div class="col-sm-8">
                     <div class="row">
                      <div class="col-xs-10"><input  type="text" class="form-control" id="" placeholder="Enter Location" name="network[0][networks_location]" value="" required></div>
                       <div class="col-xs-2">
                        
                          <div class="col-md-2 col-xs-2 text-right">
                         <button type="button" class="btn btn-success m-t-32 mr-2" id="add_productimg"><i class="fa fa-plus"></i></button>
                      </div>
                 
                         <button type="button" class="btn btn-danger pull-right remove" style="margin-right:15px;"><i class="fa fa-trash-o"></i></button> 
                
                       </div>
                     </div>                    
                    </div>                 
                   </div>
                 <!--  <div class="form-group">
                     <label for="" class="col-sm-4 control-label">Location Services<span style="color: red;">*</span></label>
                     <div class="col-sm-8">
                       <textarea  rows="5" type="text" class="form-control" id="" placeholder="Enter Location" name="network[0][networks]"  required></textarea>
                     </div>
                   </div>-->
                 </div>
                 </div>
                
              </div>
              <div class="editmorelocation"></div>
              </div>
              <!-- /.box-body -->
              <div class="box-footer text-right">
                <button type="reset" class="btn btn-default">Reset</button>
                <button type="submit" class="btn btn-main">Submit</button>
              </div>
              <!-- /.box-footer -->
            </form>




        </div>
        <div class="col-md-2"></div>
      </div>
      <!-- /.row -->
   
      
 </div>
              <!-- /.box-footer -->
          </div>
          <!-- /.box -->
        </div>
        </div>

        <div class="row">
         <div class="col-md-12">
          <div class="box">
            <div class="box-header with-border">
              <h3 class="box-title">Sub Categories List</h3>

              <div class="box-tools pull-right">
                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                </button>
               
              </div>
            </div>
            <!-- /.box-header --> <!-- /.box-header -->
            <div class="box-body">
              <div class="table-responsive">
              <table id="example1" class="table table-bordered table-striped">
                <thead>
                <tr>
                  <th>S.No</th>
                  <th>Service Name</th>
                  <th>Sub Category Name</th>
                  <th>Discription</th>
                  <th>Image</th>
                  <th>Status</th>
                  <th>Action</th>
                </tr>
                </thead>
                <tbody>
                @php $sr = 1 @endphp
                @foreach($subCategories as $subCategory)
                <tr>
                  <td>{{ $sr++ }}</td>
                  <td> {{ $subCategory->service->name ?? '' }} </td>
                  <td> {{ $subCategory->name ?? '' }} </td>
                  <td>{{$subCategory->description ?? ''}}</td>
                  <td><img src="{{ asset($subCategory->image_path ?? 'admin/dist/img/placeholder/download.png') }}" style="width: 60px; height: 40px;"></td>
                  <td> 
                  	@if($subCategory->status == 1)
                  	  <button class="btn btn-success btn-xs">Active</button>
                  	@else
                  	  <button class="btn btn-danger btn-xs">Deactive</button>
                  	@endif

                  </td>
                  <td>
                    <div style="width: 140px;">
                    <!--<button type="button" href="#" data-href="{{ action('AdminController\SubCategoryController@update',[$subCategory->id]) }}" class="btn btn-primary btn-xs edit_model" data-toggle="modal" data-target="edit_model"  data-container=".edit_model"><i class="fa fa-edit"></i></button>-->

                    <a type="button" href="{{ action('AdminController\SubCategoryController@update', [$subCategory->id]) }}" class="btn btn-primary btn-xs" ><i class="fa fa-edit"></i></a>

                    <button type="button" href="{{ action('AdminController\SubCategoryController@delete', [$subCategory->id]) }}" class="btn btn-danger btn-xs" id="delete"><i class="fa fa-trash-o"></i></button>
                    <a 
                      type="button" 
                       @if($subCategory->status == 1)
                        id="deactivate"
                        class="btn btn-danger btn-xs" 
                       @else
                        id="activate"
                        class="btn btn-success btn-xs" 
                       @endif
                      href="{{ action('AdminController\SubCategoryController@status', [$subCategory->id]) }}" 
                    >
                     @if($subCategory->status == 1)
                      Deactivate 
                     @else
                      Activate
                     @endif                       
                    </a>
                  </div>
                  </td>
                </tr>
                @endforeach                
              </tbody>
              </table>
            </div>
            </div> <!-- /.box-footer -->
          </div>
          <!-- /.box -->
        </div>
        </div>

  </section>
    <!-- /.content -->

    <!-- Main content -->
    
  </div>
  <!-- /.content-wrapper -->
  
@endsection
 @section('js')
    <script>
  
  $(function () {
    CKEDITOR.replace('editor4')
  })
</script>
@endsection