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

    <!-- Main content -->
    <section class="content">
      <div class="row">
         <div class="col-md-12">
          <div class="box">
            <div class="box-header with-border">
              <h3 class="box-title"><i class="fa fa-circle-o"></i>Update Sub Services</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>
      
      <!-- Info boxes -->
      <div class="row">
        <div class="col-md-2"></div>
        <div class="col-md-8">
         <form class="form-horizontal" action="{{ action('AdminController\SubCategoryController@edit',[$subCategory->id]) }}" method="post" id="add_form">
          @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 ?? '' }}" @if($service->id == $subCategory->service_id) selected @endif>{{ $service->name ?? '' }}</option>
                      @endforeach
                    </select>
                  </div>
                </div>
                
                <div class="form-group">
                  <label for="" class="col-sm-4 control-label">Sub Services Title<span style="color: red;">*</span></label>

                  <div class="col-sm-8">
                    <input type="text" class="form-control" id="" placeholder="Sub Services Title"  name="name" value="{{ $subCategory->name ?? '' }}" required>
                  </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="editor1" placeholder="Description" onkeypress="return alphaonly(event)" name="description" rows="6" required>{{ $subCategory->description }}</textarea>


                  </div>
                </div>

                <div class="form-group">
                  <label for="" class="col-sm-4 control-label">Sub Services Image<span style="color: red;">*</span></label>

                  <div class="col-sm-8">
                    <div class="row">
                      <div class="col-md-12 col-xs-12"> 
                        <input type="file" name="image_name" value="{{$subCategory->image_name}}" class="form-control" id="" accept="image/jpg, image/jpeg, image/png"></div>

                     
                    </div>
                    <img id="output_image" src="{{ asset($subCategory->image_path) }}" style="width: 100px;height: 70px;"/>
                   
                    <div class="productimgbox">
                      
                    </div>
                  </div>
                </div>
                  
                <!-- <div class="editlocationbox">
                @if(!count($subCategory->ourNetworks) > 0)
                <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]" ></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>
                <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">
                    <div title="ex.-Location One,Location Two,Location Three" ><i class="fa fa-question-circle" aria-hidden="true"></i></div>
                    <textarea rows="5" type="text" id="" class="form-control" id="" placeholder="Enter Location" name="network[0][networks]" ></textarea>
                  </div>
                </div>
                @else 
                  @php $count = 1;  @endphp
                  @foreach($subCategory->ourNetworks as $ourNetworks)
                  <div class="editLocation">
                  <input type="hidden" name="network[{{$count}}][network_id]" value="{{ $ourNetworks->id }}">
                    <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[{{$count}}][networks_location]" value="{{ $ourNetworks->networks_location }}" ></div>
                       <div class="col-xs-2">
                        <button type="button" class="btn btn-danger pull-right remove"><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">
                      <div title="ex.-Location One,Location Two,Location Three" ><i class="fa fa-question-circle" aria-hidden="true"></i></div>
                       <textarea rows="5" type="text" class="form-control"  placeholder="Enter Location" name="network[{{$count}}][networks]"  >{{ $ourNetworks->networks }}</textarea>
                     </div>
                   </div>
                 </div>
                 </div>
                  @php $count++;  @endphp 
                  @endforeach
                @endif
              </div> -->
             <!--  <div class="editmorelocation"></div>
              <div class="row">
                 <div class="col-md-12 col-xs-12 text-right">
                  <button type="button" class="btn btn-success m-t-32 mr-2" id="edit_location" title="Add More Location"><i class="fa fa-plus"></i>
                  </button>
                </div>
              </div> -->
               
              </div>
              <!-- /.box-body -->
              <div class="box-footer text-right">
                <button type="button" data-dismiss="modal" class="btn btn-default">Cancel</button>
                <button type="submit" class="btn btn-main">Update</button>
              </div>
              <!-- /.box-footer -->
            </form>
      </div>
        <div class="col-md-2"></div>
      </div>
      </div>
      </div>
      </div>

  </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
@endsection
@section('js')
 
      <script type="text/javascript">
        var count =100;
        $(document).ready(function(){
            $('#edit_location').on('click', function(){
      
                var html = '<div class="editlocationbox"><div class="form-group"><label for="" class="col-sm-3 control-label">Network Location<span style="color: red;">*</span></label><div class="col-sm-9"><div class="row"><div class="col-xs-10"><input type="text" class="form-control" id="" placeholder="Enter Location" name="network['+count+'][networks_location]" ></div><div class="col-xs-2"><button type="button" class="btn btn-danger pull-right remove"><i class="fa fa-trash-o"></i></button></div></div></div></div><div class="form-group"><label for=""class="col-sm-3 control-label">Location Services<span style="color: red;">*</span></label><div class="col-sm-9"><div title="ex.-Location One,Location Two,Location Three" ><i class="fa fa-question-circle" aria-hidden="true"></i></div><textarea rows="5" type="text" class="form-control" placeholder="Enter Location" name="network['+count+'][networks]" ></textarea></div></div></div>';
                $('.editmorelocation').append(html);
                count++;
            });
      $('.editmorelocation').on('click','.remove',function() {
          $(this).closest(".editlocationbox").remove();
          });
        });
    </script>
    <script type="text/javascript">
        $(document).ready(function(){
      // remove image box
      $('.editImgBox').on('click','.remove',function() {
          $(this).closest(".imageBox").remove();
          });
      // remove location box
      $('.editLocation').on('click','.remove',function() {
          $(this).closest(".editMoreLocationbox").remove();
          });
        });      
    </script>
        <script>
  $(function () {
    CKEDITOR.replace('editor1')
  })
</script>
@endsection