@php
    use App\Http\Controllers\Mod\ModFile;
    $carousel = ModFile::carousel();
    $carousel_share = ModFile::carouselShare();
    $n=1;
    $l=1;
@endphp
<style>
    #carousel {
        width: 250px;
    }

    .carousel-control-prev {
        background-color: #000000;
        width: 10%;
    }

    .carousel-control-next {
        background-color: #000000;
        width: 10%;
    }

    .carousel-control-msn {
        /* position: absolute;*/
        background-color: #bdbdbd;
        margin-bottom: 5px;
        padding: 5px;
        text-align: center;
        width: 100%;
    }

    .carousel-item {
        height: 150px;
    }

</style>
<div id="carousel" class="">
    <div id="fileImages" class="carousel slide" data-ride="carousel">
        <!-- Indicators -->
        <ul class="carousel-indicators">
            @foreach($carousel as $row_share)
                <li data-target="#fileImages" data-slide-to="{{$l}}" <br />
<b>Warning</b>:  Undefined variable $l in <b>/home/admgocrm/public_html/crm/dev/crmviews/mod-file/carousel.blade.php</b> on line <b>42</b><br />
<br />
<b>Warning</b>:  Undefined variable $l in <b>/home/admgocrm/public_html/crm/dev/crmviews/mod-file/carousel.blade.php</b> on line <b>44</b><br />
 ></li>
            @endforeach
            @foreach($carousel_share as $row_share)
                <li data-target="#fileImages" data-slide-to="{{$l}}"></li>             @endforeach
        </ul>
        <!-- The slideshow -->
        <div class="carousel-inner">

            @foreach($carousel as $row)
                <div class="carousel-item <br />
<b>Warning</b>:  Undefined variable $n in <b>/home/admgocrm/public_html/crm/dev/crmviews/mod-file/carousel.blade.php</b> on line <b>54</b><br />
<br />
<b>Warning</b>:  Undefined variable $n in <b>/home/admgocrm/public_html/crm/dev/crmviews/mod-file/carousel.blade.php</b> on line <b>58</b><br />
  text-center">
                    <div class="carousel-control-msn">
                        <button type="button" class="btn btn-sm waves-effect waves-light btn-secondary"
                                onclick="copyScript('#copy1')"
                        ><i class="fa fa-copy  "></i> copiar
                        </button>
                    </div>

                    <span id="copy1"><img src="{{asset("file")}}/{{$row->xName}}"
                                                          alt="{{--$row->fileName--}}" width="200"></span>
                </div>
            @endforeach
            @foreach($carousel_share as $row_share)
                <div class="carousel-item text-center">
                    <div class="carousel-control-msn">
                        <button type="button" class="btn btn-sm waves-effect waves-light btn-secondary"
                                onclick="copyScript('#copy2')"
                        ><i class="fa fa-copy  "></i> copiar
                        </button>
                    </div>
                    <span id="copy2">
                      <img src="{{asset("file")}}/{{$row_share->xName}}" alt="{{--$row_share->fileName--}}"
                           width="200"></span>
                </div>
            @endforeach
        </div>

        <!-- Left and right controls -->
        <a class="carousel-control-prev" href="#fileImages" data-slide="prev">
            <span class="carousel-control-prev-icon"></span>
        </a>
        <a class="carousel-control-next" href="#fileImages" data-slide="next">
            <span class="carousel-control-next-icon"></span>
        </a>
    </div>
</div>

<script>
    $('.carousel').carousel({
        interval: 2000
    })
</script>