@extends('adminlte.app')

@section('content')

<div class="content-wrapper pb-3">
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0">Lista Emails - PVPs</h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
            
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    @if ($message = Session::get('success'))
        <div class="alert alert-success">
            <p>{{ $message }}</p>
        </div>
    @endif

<div class="card mx-3 mt-3">
    <div class="card-header">
        <div class="row">  
            <div class="col-3">
                Lista Emails
            </div>
        </div>
    </div>


        @if ($permissao->criar_pvp_lista)
            <div class="row pl-3 ml-3 pb-0 pt-0 mt-3 mr-3 bg-dark text-white">
                <div class="col-sm-11">
                    Adicionar
                </div> 
                <div class="col-ms-1">
                    <button class="btn btn-primary btn-sm" data-toggle="collapse" href="#addLista" role="button" aria-expanded="false" aria-controls="addLista" title="Adicionar"><i class="fas fa-plus" title="Adicionar" aria-hidden="true"></i></button>
                </div>
            </div>
            <form action="{{ route('pvp_lista_store') }}" method="POST" class="pt-4">
                @csrf
                <div class="row border pt-3 pb-3 ml-3 mr-3 mb-3 bg-light collapse show" id="addLista">

                    <div class="col-sm-3 pl-3 pr-3">
                        <label for="pvp_nome" class="col-form-label ">Nome</label>
                        <input type="text" name="pvp_nome" id="pvp_nome" class="form-control" required>

                        @error('pvp_nome')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror

                    </div>

                    <div class="col-sm-3 pl-3 pr-3">
                        <label for="pvp_empresa" class="col-form-label ">Empresa</label>
                        <input type="text" name="pvp_empresa" id="pvp_empresa" class="form-control" required>

                        @error('pvp_empresa')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror

                    </div>

                    <div class="col-sm-3 pl-3 pr-3">
                        <label for="pvp_email" class="col-form-label ">Email</label>
                        <input type="email"  name="pvp_email" id="pvp_email" class="form-control @error('pvp_email') is-invalid @enderror" required>

                        @error('pvp_email')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror

                    </div>

                    <div class="col-sm-3 pl-3 pr-3">
                        <label for="pvp_telemovel" class="col-form-label ">Telemóvel (WhatsApp)</label>
                        <input type="text" name="pvp_telemovel" id="pvp_telemovel" class="form-control" required>
                        @error('pvp_telemovel')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>

                    <div class="col-sm-3 mt-4 pl-3">
                        
                        <button class="btn btn-primary mt-3" type="submit">Adicionar</button>
                    </div>
                </div>
            </form>
        @endif

        <div class="row mt-4">
            <div class="col-sm-6 ml-4">
                <table id="tabela1" class="table table-bordered text-center">
                    <tbody>
                        <tr>
                            <th>Nome</th>
                            <th>Empresa</th>
                            <th>Email</th>
                            <th>Telemóvel</th>
                            <th>Ações</th>
                        </tr>
                        @foreach($lista_emails as $item)
                        <tr>
                            <td>{{ $item->pvp_nome }}</td>
                            <td>{{ $item->pvp_empresa }}</td>
                            <td>{{ $item->pvp_email }}</td>
                            <td>{{ $item->pvp_telemovel }}</td>
                            <td class="d-flex justify-content-around">
                                {{-- <form method="GET" action="/formas-pagamento/{{ $forma->id }}/edit"> --}}
                                @if ($permissao->alterar_pvp_lista)
                                    <form method="GET" action="{{ route('pvp_lista_edit', ['pvplistaemail' => $item->id]) }}">
                                        <button class="btn btn-success btn-sm" type="submit" title="Editar"><i class="fas fa-pencil-alt" title="Editar" aria-hidden="true"></i></button>
                                    </form>
                                @endif
                                {{-- <form method="POST" onclick="return confirm('Deseja realmente excluir o item?')" action="/formas-pagamento/{{ $forma->id }}"> --}}
                                @if ($permissao->excluir_pvp_lista)
                                    <form class="ml-3" method="POST" onclick="return confirm('Deseja realmente excluir o item?')" action="{{ route('pvp_lista_destroy', ['pvplistaemail' => $item->id]) }}">
                                        @csrf
                                        @method('DELETE')
                                        <button class="btn btn-danger btn-sm" type="submit" title="Excluir"><i class="fa fa-trash" title="Excluir" aria-hidden="true"></i></button>
                                    </form>
                                @endif
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
</div>
</div>
<script type="text/javascript">
    $("#telefone").mask("(00) 0000-0000");
    $("#celular").mask("(00) 00000-0000");
 </script>
@endsection