@extends('templates.master')

@section('css-view')
@endsection

@section('js-view')
@endsection

@section('conteudo-view')
    <h1>Clientes</h1>

    <div id="mensagem">
        @if(session('success'))
            <h3>{{ Helper::Mensagem(session('success')['message']) }}</h3>
            {{ Session::forget('success') }}
        @endif
    </div>

    <div class="table-responsive">
        <table id="clientes" class="table table-sm table-striped table-hover row-border" style="width:100%">
            <thead class="table-header">
                <tr>
                    <td>#</td>
                    @if(decrypt(session('id_instancia')) == '1')
                        <td>Instância</td>
                    @endif
                    <td>Código</td>
                    <td>Nome</td>
                    <td>Celular</td>
                    <td>Whatsapp</td>
                    <td>e-mail</td>
                    <td>Alterar</td>
                    <td>Excluir</td>
                </tr>
            </thead>
            <tbody class="table-body">
                @foreach($clientes as $cliente)
                    <tr>
                        <td>{{ $cliente->id_cliente }}</td>
                        @if(decrypt(session('id_instancia')) == '1')
                            <td>{{ $cliente->instancias->nome_instancia }}</td>
                        @endif
                        <td>{{ $cliente->codigo }}</td>
                        <td>{{ $cliente->nome }}</td>
                        <td>{{ $cliente->celular_1 }}</td>
                        <td>{{ $cliente->whatsapp }}</td>
                        <td>{{ $cliente->email }}</td>
                        <td>
                            <a href="{{ route('cadCliente.edit', $cliente->id_cliente) }}" class="fa fa-edit">
                        </td>
                        <td>
                            {!! Form::open(['route' => ['cadCliente.destroy', $cliente->id_cliente], 'method' => 'DELETE']) !!}
                            <button type="submit" class="btn" data-toggle="tooltip" data-placement="top" title="Excluir">
                                <i class="fa-solid fa-trash"></i>
                            </button>
                            {!! Form::close() !!}
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
        <div id="botoes">
            <a href="{{ route('cadCliente.create') }}" class="cadastro_btn">Incluir Novo Registro</a>
        </div>
    </div>
    </div>
    <script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js"></script>
    <script>
        $('#clientes').DataTable({
            "bStateSave": true,
            lengthMenu: [
                [10, 25, 50, -1],
                [10, 25, 50, "Todos"]
            ],
            language: {
                "url": "http://cdn.datatables.net/plug-ins/1.10.11/i18n/Portuguese-Brasil.json"
            },
        });
    </script>
@endsection