@php
    $option_list_Column_value = isset($option_list_Column_value)?$option_list_Column_value:'6';
    $option_selected = isset($option_selected)?$option_selected:null;
    $option_overlay=isset($option_overlay)?$option_overlay:1;
@endphp
<div class="row el-element-overlay" id="listColumn">

    @foreach($record as $row)
        @php
            $x_file = $row->filePath . '/' . $row->xName;

        @endphp
        <div class="col-sm-{{$option_list_Column_value}}">
            <div class="card" style="background-color: #dbdbdb3d;">
                <div class="el-card-item">
{{--                    <div style="position: absolute;--}}
{{--                                  right: -12px;--}}
{{--                                  z-index: 1;--}}
{{--                                  top: -12px;">--}}
{{--                        <button type="button" class="btn btn-secondary btn-rounded  " data-toggle="dropdown"--}}
{{--                                aria-haspopup="true"--}}
{{--                                style="border-radius: 20px;--}}
{{--                                width: 15px;--}}
{{--                                padding: 4px 16px 2px 12px;"--}}
{{--                                aria-expanded="false">--}}
{{--                            <i class="fa fa-ellipsis-v"></i>--}}
{{--                        </button>--}}
{{--                    </div>--}}
                    <div class="el-card-avatar el-overlay-1">

                        <img src="{{$x_file}}" alt="user"/>
                        @if($option_overlay == 1 )
                            <div class="el-overlay">
                                <ul class="el-info">
                                    {{--                                    <li>--}}
                                    {{--                                        <a class="btn default btn-outline image-popup-vertical-fit"--}}
                                    {{--                                           title="Zoom"--}}
                                    {{--                                           href="{{$x_file}}">--}}
                                    {{--                                            <i class="icon-magnifier"></i>--}}
                                    {{--                                        </a>--}}
                                    {{--                                    </li>--}}
                                    @if($option_selected !== null)
                                        <li>

                                            <button class="btn default btn-outline btn-option-transfer"
                                                    data-dismiss="modal"
                                                    title="Selecionar Imagem"
                                                    value="{{url('file')}}/{{$row->xName}}"
                                            >
                                                <i class="mdi mdi-check"></i>
                                            </button>
                                        </li>
                                    @endif
                                </ul>

                            </div>
                        @endif
                    </div>
                    <div class="el-card-content">
                        <h6 class="box-title text-overflow-ellipsis">{{$row->fileName}}</h6>
                        {{--                                            <small>subtitle of project</small>--}}
                    </div>
                </div>
            </div>
        </div>

    @endforeach
</div>
<!-- Magnific popup JavaScript -->
<script src="{{ asset('template/plugins/Magnific-Popup-master/dist/jquery.magnific-popup.min.js') }}"></script>
<script src="{{ asset('template/plugins/Magnific-Popup-master/dist/jquery.magnific-popup-init.js') }}"></script>
<script>
    $('.btn-option-transfer').click(function () {
        var v_url = $(this).val();
        $('#{{$option_selected}}').attr('src', v_url);
        $('#{{$option_selected}}Input').val(v_url);

    });


</script>