@extends('padrao')
@section('content')
<div class="row clearfix">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
        <div class="card">
            <div class="header">
                <h2>
                    <strong>Filtro</strong> Produtos
                </h2>
            </div>
            <div class="body">

                <form id="form_validation" action="{{ route('listar_produto')}}" method="GET"
                    enctype="multipart/form-data">
                    @csrf
                    <div class="row clearfix">
                        <div class="col-sm-2">
                            <div class="form-group form-float">
                                <div class="form-line">
                                    <input type="text" name="filtro_codigo" class="form-control"
                                        value="@if(isset($_GET['filtro_codigo'])){{$_GET['filtro_codigo']}}@endif">
                                    <label class="form-label">Código</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="form-group form-float">
                                <div class="form-line">
                                    <input type="text" name="filtro_descricao" class="form-control"
                                        value="@if(isset($_GET['filtro_descricao'])){{$_GET['filtro_descricao']}}@endif">
                                    <label class="form-label">Descrição</label>
                                </div>
                            </div>
                        </div>
                        <div class="pull-right">
                            <button class="btn btn-primary waves-effect" type="submit"> <i
                                    class="material-icons">search</i>
                                <span>BUSCAR</span></button>


                            <a href="{{ route('novo_produto')}}" type="reset" class="btn bg-teal waves-effect">
                                <i class="material-icons">person_add</i>
                                <span>NOVO PRODUTO</span></button>
                            </a>

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

            </div>
        </div>
        <div class="card">
            <div class="header">
                <h2>
                    <strong>Listagem</strong> Produtos
                </h2>
            </div>
            <div class="body">
                <div class="table-responsive">
                    <table class="table table-bordered table-striped table-hover">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Descrição</th>
                                <th>Estoque</th>
                                <th>Valor</th>
                                <th>Situação</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($produtos as $produto)
                            <tr>
                                <td class="id_produto" scope="row" style="width:150px"> {{$produto->id}} </td>
                                <td class="descricao_longa"> {{$produto->descricao_longa}} </td>
                                <td style="width:150px"> {{$produto->qtd}} </td>
                                <td style="width:150px"> {{Str::formatBRCurrency($produto->valor_venda)}} </td>
                                <td class="text-center" style="width:150px">
                                    @switch($produto->desabilitado)
                                    @case(0)
                                    <span class="label label-success">Habilitado</span>
                                    @break
                                    @case(1)
                                    <span class="label label-danger">Desabilitado</span>
                                    @break
                                    @endswitch
                                </td>
                                <td style="width:100px">
                                    <a class="bg-blue btn-circle waves-effect waves-circle waves-float"
                                        href="{{ action('cadastro\produtoController@edit', ['id' => $produto->id]) }}">
                                        <i class="material-icons">create</i>
                                    </a>
                                    <button
                                        class="bg-red btn-circle waves-effect waves-circle waves-float bt_deletar_produto">
                                        <i class="material-icons">
                                            delete_sweep</i>
                                    </button>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <div class="row">
                    <div class="col-sm-12 col-md-5">
                        <div>
                            {{$produtos->lastItem().' de '.$produtos->total().' registros'}}
                        </div>
                    </div>
                    <div class="col-sm-12 col-md-7">
                        {{ $produtos->links() }}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('js')
<script>
$('.bt_deletar_produto').on('click', function() {
    let id_produto = $(this).closest("tr").find(".id_produto").text();
    let produto = $(this).closest("tr").find(".descricao_longa").text();
    showAjaxLoaderMessage(id_produto, produto);
});


function showAjaxLoaderMessage(id_produto, produto) {

    swal({
        title: "Deseja deletar o produto?" + produto,
        text: "",
        type: "warning",
        showCancelButton: true,
        closeOnConfirm: false,
        confirmButtonColor: "#DD6B55",
        confirmButtonText: "Sim",
        cancelButtonText: "Cancelar",
        showLoaderOnConfirm: true,
    }, function() {
        $.ajax({
            type: 'POST',
            url: "{{ route('deletar_produto') }}",
            data: {
                "id_produto": id_produto,
                "_token": "{{ csrf_token() }}",
            },
            success: function(data) {
                swal("Produto deletado com sucesso!", "", "success");
                window.location.reload();
            },
            error: function(data) {
                swal("Falha ao deletar o produto", data.responseJSON.message, "error");
            }
        });
    });
}
</script>


@endsection