@extends('partes.corpo')

@section('noticias')
active
@endsection

@section('corpo')

    <section class="" style="background-image: url('/model1.jpg'); background-repeat:repeat;width: 100%; height: 125px">
        <div class="container">
            <h2 class="text-center" style="color:#161b1d">
                <br>SALE
            </h2>
        </div>
    </section>

    <section>
    <div class="container">
        <div class="breadcrumb">
            <div class="d-inline text-gray">
                <a href="/" class="no-link"> Home</a>
                <i class="pl-1 fas fa-chevron-right"></i>
            </div>
            <div class="d-inline text-orange">
                <a href="/" class="active pl-1 no-link">Sale</a>
            </div>
        </div>
    </div>
</section>


<section class="section-padding">
            <div class="container">

                <div class="row">
                     @php $i=1; @endphp

                    @foreach($noticias as $v)



                        <div class="col-sm-3 veiculo_card mt-3">

                        <div class="card">
                        <div class="imagem_veiculo_block">


                            <img width="350" height="263" src="/img/{{$v->img}}" class="img-fluid card-img-top wp-post-image" alt="Foto veículo" loading="lazy"  sizes="(max-width: 350px) 100vw, 350px" />




                        <div class="selo_block" style="display: none"> {{$i++}}</div>
            </div>


<div class="card-body card-detalhes">
    <div class="row box_descricao">
        <div class="col">
            <span class="marca_text"></span>
            <span class="modelo_text" style="color:#01356d"> {{$v->titulo}}</span>
        </div>

    </div>


    <button href="#excluir{{$i}}" class="btn btn-sm btn-blue"
            data-toggle="modal">See Sale
    </button>


    <div id="excluir{{$i}}" class="modal fade"
         style="display: none;">
        <div class="modal-dialog modal-lg  modal-confirm" >
            <div class="modal-content modal-lg">
                <div class="modal-header">

                    <h4 class="modal-title" id="imp">
                        Sale: {{$v->titulo}} </h4>
                    <button type="button" class="close"
                            data-dismiss="modal"
                            aria-hidden="true">×
                    </button>
                </div>


                <div class="modal-body" id="imp2">
                    <div class="col-md-12"
                         style="color:#1b1e21">

                        <img width="350" height="263" src="/img/{{$v->img}}" class="img-fluid card-img-top wp-post-image" alt="Foto veículo" loading="lazy"  sizes="(max-width: 350px) 100vw, 350px" />

                        <BR>
                    </div>

                    <br>
                    <div class="col-md-12" style="color:#1b1e21">

                        <div class="row">
                            <div class="col">

                                <h3 > {{$v->titulo}}</h3>
                            </div>
                        </div>
                        <br>
                        <div class="row">
                            <h5>{{$v->corpo}}</h5>
                        </div>


                    </div>




                </div>

                <div class="modal-footer">

                    <button type="button" class="btn btn-info"
                            data-dismiss="modal">Closed
                    </button>

                </div>
            </div>
        </div>
    </div>





    </div>
</div>

</div>


@endforeach
</div>
</div>
<br><br>
</section>


@endsection