@props(['directory','radio'])
<div>

    <!-- <p class="form-group">@if(isset($radio) && $radio == 'true')<input onchange="selectedFolder(this.id)" type="radio" name="directory" id="directory-{{$directory->id}}">&nbsp;@endif<img src="{{asset('images/mac-folder.png')}}" style="width: 30px;"> {{$directory->title}}</p> -->
    <div class="radio">
 
        <label style="font-size: 12px;position: relative;padding-left: 15px;cursor:pointer;">
         
            @if(isset($radio) && $radio == 'true')<input style="position: absolute;top: 3px;left: 0;" onchange="selectedFolder(this.id)" type="radio" name="directory" id="directory-{{$directory->id}}">&nbsp;@endif<img src="{{asset('images/mac-folder.png')}}" style="width: 20px;margin-bottom: 3px;"> <span>{{$directory->title}}</span>
         
        </label>
    </div>
    @foreach($directory->children as $child)
        <div style="margin-left: 20px;">
            <x-nested-folders :directory="$child" :radio="$radio" />
        </div>
    @endforeach
    
</div>