@extends('layouts.sistema')
@section('titulo', URL::full())

@section('conteudo')
    @include('sistema/components/navbar')
    <div class="row no-gutters">
        @include('sistema/components/painel_lateral')
        <div class="d-none d-md-block col-md-8 col-lg-9 col-xl-10">
            <div class="painel">
                <div class="my-5">
                    <div class="container">
                        <div class="row no-gutters justify-content-center"> 
                            {{-- chamada --}}                              
                            <div class="col-12">
                                <h4 class="mb-4">Escolha a Opção de Criação para o Carousel</h4>
                                <div class="d-flex align-items-center justify-content-between mb-5">
                                    <div class="w-50">
                                        <a class="btn btn-sm btn-info w-25" href="{{url('sistema/home/carousel/carousel-prod/' . basename(request()->url()))}}">Criar por Produto</a>
                                        &nbsp;
                                        <a class="btn btn-sm btn-info w-25" href="{{url('sistema/home/carousel/carousel-cat/' . basename(request()->url()))}}"> Criar por Categoria</a>
                                    </div>
                                    <a href="{{url('sistema/home')}}" class="btn btn-sm btn-primary text-white">Voltar</a>
                                </div>
                            </div>

                            {{-- mensagens erro --}}
                            <div class="col-12">                                 
                                @if(isset($errors) && count($errors) >0)
                                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                    @foreach($errors->all() as $erro)
                                    <p class="m-0">{{$erro}}</p>
                                    @endforeach
                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                                @endif
                                @if(session('error_bd'))
                                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                    <p class="m-0">{{session('error_bd')}}</p>
                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                                @endif                                
                                @if(session('mensagem'))
                                <div class="alert alert-success alert-dismissible fade show" role="alert">
                                    <p class="m-0">{{session('mensagem')}}</p>
                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                                @endif                                 
                            </div>

                            {{-- listagem de Carousel --}}
                            <div class="col-12 border rounded p-3">              
                                <h4 class="m-0">Carousel por Produto</h4>
                                @if(count($carouselref) > 0) 
                                <hr class="pb-4">
                                <small class="d-block mb-3"><i>↑↓&nbsp;&nbsp;&nbsp;Arraste para ordenar no site</i> </small>   
                                <table class="table">
                                    <thead class="thead-primary">
                                        <tr>
                                            <th class="col-4 border">
                                                <p class="m-0 text-center">Titulo</p>
                                            </th>
                                            <th class="col-1 border">
                                                <p class="m-0 text-center">Nº Sessão</p>
                                            </th>
                                            <th class="col-2 border">
                                                <p class="m-0 text-center">Tipo</p>
                                            </th>
                                            <th class="col-1 border">
                                                <p class="m-0 text-center">Editar</p>
                                            </th>
                                            <th class="col-1 border">
                                                <p class="m-0 text-center">Deletar</p>
                                            </th> 
                                            <th class="col-1 border">
                                                <p class="m-0 text-center">Status</p>
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody class="sortable">
                                        @foreach ($carouselref as $carousels)
                                        <tr id="recordsArray_{{$carousels->cd_carousel}}"> 
                                            <td class="col-4 border">
                                                <p class="m-0 text-center"><strong>{{$carousels->cr_titulo }}</strong></p>
                                            </td>                                            
                                            <td class="col-1 border">
                                                <p class="m-0 text-center"><strong>{{$carousels->cr_tipo }}</strong></p>
                                            </td>                                            
                                            <td class="col-2 border">
                                                @php 
                                                $tipo='<p class="m-0 text-center"><strong>Categoria</strong></p>';
                                                if (!empty( $carousels ->cr_referencia)) {
                                                $tipo='<p class="m-0 text-center"><strong>Produto</strong></p>';
                                                }
                                                echo$tipo;
                                                @endphp
                                            </td>
                                            <td class="col-1 border">
                                                <a class="btn mx-auto d-block w-100 btn-sm btn-primary"
                                                href="{{"editar/" . $carousels->cd_carousel}}">
                                                    Editar
                                                </a>
                                            </td>
                                            <td class="col-1 border">
                                                <form id="frmDelete" class="m-0" method="POST" name="frmDelete" action="{{ url('sistema/home/carousel/'. $carousels->cd_carousel)}}">
                                                @method('DELETE')
                                                @CSRF
                                                <button type="button" class="btn btn-sm btn-secondary w-100" data-toggle="modal" data-target="#modal{{$carousels->cd_carousel}}">Deletar</button>  

                                                {{-- modal restaurar aviso --}}
                                                <div class="modal fade" id="modal{{$carousels->cd_carousel}}" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
                                                    <div class="modal-dialog modal-dialog-centered">
                                                        <div class="modal-content">
                                                            <div class="modal-header justify-content-center">
                                                                <h5 class="modal-title" id="staticBackdropLabel">Deletar carousel</h5>
                                                            </div>
                                                            <div class="modal-body">
                                                                <p class="mx-0 my-3 text-center text-uppercase">Deseja <strong>deletar</strong> o carousel <strong>{{$carousels->cr_titulo}}</strong> ?</p>
                                                            </div>
                                                            <div class="modal-footer">
                                                                <div class="mx-auto">
                                                                    <button type="button" class="btn btn-sm btn-primary" data-dismiss="modal">Cancelar</button>
                                                                    <button type="submit" class="btn btn-sm btn-secondary">Deletar</button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                </form>
                                            </td>
                                            <td class="col-1 border">
                                                <p class="text-center {{$carousels->cr_status == '0' ? 'text-danger' : 'text-success'}}">
                                                    <strong>{{$carousels->cr_status == '0' ? 'Oculto' : 'Ativo'}}</strong>
                                                </p>
                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                                @else
                                <hr class="pb-4">
                                <div class="w-100 border rounded p-5">
                                    <p class="m-0 text-center m-5">Não há items dessa categoria</p>
                                </div>
                                @endif
                            </div>
                            
                            <div class="col-12">
                                <hr class="my-5">
                            </div>

                            {{-- listagem de Categoria --}}
                            <div class="col-12 border rounded p-3"> 
                                <h4 class="m-0">Carousel por Categorias</h4>
                                @if(count($carouselcat) > 0) 
                                    <hr class="pb-4">
                                    <small class="d-block mb-3"><i>↑↓&nbsp;&nbsp;&nbsp;Arraste para ordenar no site</i> </small>   
                                    <table class="table">
                                        <thead class="thead-primary">
                                            <tr>
                                                <th class="col-4 border">
                                                    <p class="m-0 text-center">Titulo</p>
                                                </th>
                                                <th class="col-1 border">
                                                    <p class="m-0 text-center">Nº Sessão</p>
                                                </th>
                                                <th class="col-2 border">
                                                    <p class="m-0 text-center">Tipo</p>
                                                </th>
                                                <th class="col-1 border">
                                                    <p class="m-0 text-center">Editar</p>
                                                </th>
                                                <th class="col-1 border">
                                                    <p class="m-0 text-center">Deletar</p>
                                                </th> 
                                                <th class="col-1 border">
                                                    <p class="m-0 text-center">Status</p>
                                                </th>
                                            </tr>
                                        </thead>
                                        <tbody class="sortable-cat">
                                            @foreach ($carouselcat as $carousels)
                                            <tr id="recordsArraCat_{{$carousels->cd_carousel}}" class="bg-white"> 
                                                <td class="col-4 border">
                                                    <p class="m-0 text-center"><strong>{{$carousels->cr_titulo }}</strong></p>
                                                </td>                                            
                                                <td class="col-1 border">
                                                    <p class="m-0 text-center"><strong>{{$carousels->cr_tipo }}</strong></p>
                                                </td>                                            
                                                <td class="col-2 border">
                                                    @php 
                                                    $tipo='<p class="m-0 text-center"><strong>Categoria</strong></p>';
                                                    if (!empty( $carousels ->cr_referencia)) {
                                                        $tipo='<p class="m-0 text-center"><strong>Produto</strong></p>';
                                                    }
                                                    echo$tipo;
                                                    @endphp
                                                </td>
                                                <td class="col-1 border">
                                                    <p class="text-center m-0 {{$carousels->cr_status == '0' ? 'text-danger' : 'text-success'}}">
                                                        <strong>{{$carousels->cr_status == '0' ? 'Oculto' : 'Ativo'}}</strong>
                                                    </p>
                                                </td>
                                                <td class="col-1 border">
                                                    <a class="btn btn-sm btn-primary w-100"
                                                    href="{{"editar/" . $carousels->cd_carousel}}">
                                                        Editar
                                                    </a>
                                                </td>
                                                <td class="col-1 border">
                                                    <form id="frmDelete" class="m-0" method="POST" name="frmDelete" action="{{ url('sistema/home/carousel/'. $carousels->cd_carousel)}}">
                                                    @method('DELETE')
                                                    @CSRF
                                                        <button type="button" class="btn btn-sm btn-secondary w-100" data-toggle="modal" data-target="#modal{{$carousels->cd_carousel}}">Deletar</button>  
                        
                                                        {{-- modal restaurar aviso --}}
                                                        <div class="modal fade" id="modal{{$carousels->cd_carousel}}" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
                                                            <div class="modal-dialog modal-dialog-centered">
                                                                <div class="modal-content">
                                                                    <div class="modal-header justify-content-center">
                                                                        <h5 class="modal-title" id="staticBackdropLabel">Deletar carousel</h5>
                                                                    </div>
                                                                    <div class="modal-body">
                                                                        <p class="mx-0 my-3 text-center text-uppercase">Deseja <strong>deletar</strong> o carousel <strong>{{$carousels->cr_titulo}}</strong> ?</p>
                                                                    </div>
                                                                    <div class="modal-footer">
                                                                        <div class="mx-auto">
                                                                            <button type="button" class="btn btn-sm btn-primary" data-dismiss="modal">Cancelar</button>
                                                                            <button type="submit" class="btn btn-sm btn-secondary">Deletar</button>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </form>
                                                </td>              
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                @else
                                    <hr class="pb-4">
                                    <div class="w-100 border rounded p-5">
                                        <p class="m-0 text-center m-5">Não há items dessa categoria</p>
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection