
<form action="{{route('services.sub_services.save_images')}}" method="post"  enctype="multipart/form-data" >
    @csrf

    <input type="hidden" id="sub_services_id"  name="sub_services_id" value="{{$id_sub_services}}">
   
    @if(@isset($sub_services_images) && !@empty($sub_services_images) && count($sub_services_images) >0) 

        <div class="col-12 row">
        
                @foreach( $sub_services_images as $sub_services_image)
                
                <div class="col-2" style="margin-right: 30px">
                    <img src="{{ asset('uploads/services/sub_services/' . $sub_services_image->image) }}" width="80px" height="80px" style="margin-bottom: 10px; " /> <br>
                    <a href="{{ route('sub_services.image.delete', $sub_services_image->id) }}" class="btn btn-danger btn-sm" style="margin-bottom: 10px; ">delete</a>
                </div>
                @endforeach
            
        </div>

            
            
            
    @else
        <div class="col-12">
            <div class="alert alert-primary" role="alert">
                No Images
            </div>
        </div>
    @endif
    <div class="row" style="margin-top: 10px;">
        <div class="col-12">
            <input class="form-control" id="images" name="images[]" multiple accept="image/*" type="file">

        </div>
        <div class="col-6 text-center" style="margin-top: 10px;">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        </div>
        <div  class="col-6 text-center" style="margin-top: 10px;">
            
            <button id="edit"  type="submit" class="btn btn-primary">Save changes</button>
            
        </div>
    </div>
   
   

</form>

  