@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> Contas a Receber
                </h2>
            </div>
            <div class="body">

                <form id="form_validation" action="{{ route('listar_conta_receber')}}" method="GET"
                    enctype="multipart/form-data">
                    @csrf
                    <div class="row clearfix">
                        <div class="col-sm-4">
                            <div class="form-group form-float">
                                <div class="form-line">
                                    <input type="text" name="filtro_cliente" class="form-control"
                                        value="@if(isset($_GET['filtro_cliente'])){{$_GET['filtro_cliente']}}@endif">
                                    <label class="form-label">Razão social / Nome</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group form-float">
                                <div class="form-line">
                                    <input type="text" name="filtro_data_inicio" class="datepicker form-control"
                                        placeholder="selecione a data"
                                        value="@if(isset($_GET['filtro_data_inicio'])){{$_GET['filtro_data_inicio']}}@endif">
                                    <label class="form-label" style="top: -10px;left: 0;font-size: 12px;">Data
                                        Inicial</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group form-float">
                                <div class="form-line">
                                    <input type="text" name="filtro_data_final" class="datepicker form-control"
                                        placeholder="selecione a data"
                                        value="@if(isset($_GET['filtro_data_final'])){{$_GET['filtro_data_final']}}@endif">
                                    <label class="form-label" style="top: -10px;left: 0;font-size: 12px;">Data
                                        Final</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group form-float">
                                <div class="form-line">
                                    <select tabindex="-1" name="filtro_status" class="form-label">
                                        <option value="" {{{ ''==old('filtro_status', (isset($_GET['filtro_status']))
                                                            ? $_GET['filtro_status'] : '') ? 'selected' : ''
                                                            }}}>Todos</option>
                                        <option value="1" {{{ '1'==old('filtro_status', (isset($_GET['filtro_status']))
                                                            ? $_GET['filtro_status'] : '') ? 'selected' : ''
                                                            }}}>Pendente</option>
                                        <option value="2" {{{ '2'==old('filtro_status', (isset($_GET['filtro_status']))
                                                            ? $_GET['filtro_status'] : '') ? 'selected' : ''
                                                            }}}>Pago</option>
                                        <option value="3" {{{ '3'==old('filtro_status', (isset($_GET['filtro_status']))
                                                            ? $_GET['filtro_status'] : '') ? 'selected' : ''
                                                            }}}>Cancelado</option>
                                    </select>
                                    <label class="form-label" style="top: -10px;left: 0;font-size: 12px;">Status
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <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('nova_conta_receber')}}" type="reset"
                                    class="btn bg-teal waves-effect">
                                    <i class="material-icons">person_add</i>
                                    <span>NOVO REGISTRO</span></button>
                                </a>
                            </div>
                        </div>

                </form>
            </div>
        </div>
    </div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
    <div class="card">
        <div class="header">
            <h2>
                <strong>Listagem</strong> Contas a Receber
            </h2>
        </div>
        <div class="body">
            <div class="table-responsive">
                <table class="table table-bordered table-striped table-hover">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Cliente</th>
                            <th>Vencimento</th>
                            <th>Status</th>
                            <th>Total</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($contas_receber as $conta_receber)
                        <tr>
                            <td class="id_conta_receber" scope="row"> {{$conta_receber->id}} </td>
                            <td> {{$conta_receber->razao_nome}} </td>
                            <td> {{Str::formatBRDate($conta_receber->data_vencimento)}} </td>
                            <td class="text-center">
                                @switch($conta_receber->status)
                                @case(1)
                                <span class="label bg-blue">Pendente</span>
                                @break
                                @case(2)
                                <span class="label bg-green">Pago</span>
                                @break
                                @case(3)
                                <span class="label bg-red">Cancelado</span>
                                @break
                                @endswitch
                            </td>

                            <td> {{Str::formatBRCurrency($conta_receber->valor_total)}} </td>
                            <td class="text-right" style="width:140px">
                                <a class="bg-blue btn-circle waves-effect waves-circle waves-float"
                                href="{{ route('editar_conta_receber', ['id' => $conta_receber->id]) }}">
                                <i class="material-icons">create</i>
                                </a>
                                @if ($conta_receber->status == 1) 
                                <button
                                    class="bg-red btn-circle waves-effect waves-circle waves-float bt_deletar_contas_receber">
                                    <i class="material-icons">
                                        delete_sweep</i>
                                </button>
                                @endif
                                <a class="btn bg-teal btn-circle waves-effect waves-circle waves-float"
                                    target="_blank"
                                    href="{{ route('imprimir_conta_receber', ['id' => $conta_receber->id]) }}">
                                    <i class="material-icons">print</i>
                                </a>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <div class="row">
                <div class="col-sm-12 col-md-5">
                    <div>
                        {{$contas_receber->lastItem().' de '.$contas_receber->total().' registros'}}
                    </div>
                </div>
                <div class="col-sm-12 col-md-7">
                    {{ $contas_receber->links() }}
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('js')
<script>
$('.bt_deletar_contas_receber').on('click', function() {
    var id_conta_receber = $(this).closest("tr").find(".id_conta_receber").text();

    swal({
        title: "Deseja deletar a conta a receber?",
        text: "",
        type: "warning",
        showCancelButton: true,
        closeOnConfirm: false,
        confirmButtonColor: "#DD6B55",
        confirmButtonText: "Sim",
        cancelButtonText: "Cancelar",
        showLoaderOnConfirm: true,
    }, function() {
        $.ajax({
            type: 'POST',
            url: "{{ route('deletar_conta_receber') }}",
            data: {
                "id_conta_receber": id_conta_receber,
                "_token": "{{ csrf_token() }}",
            },
            success: function(data) {
                swal("Conta a receber deletada com sucesso!", "", "success");
                window.location.reload();
            },
            error: function(data) {
                swal("Falha ao deletar a contas a receber", data.responseJSON.message, "error");
            }
        });
    });
});
</script>


@endsection