@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">Assistencia</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
                    </div>
                </div>
            </div>
            @if ($permissao->configuracoes)
                <form action="{{ route('assistencia_store') }}" method="POST" class="pt-4">
                    @csrf
                    <div class="form-group  row pl-3 pr-3 ">
                    
                        <div class="text-right" style="width: 10%; ">
                            <label for="viatura" >Viatura</label>
                        </div>
                        <div class="col-md-4"> 
                            <input type="text" name="viatura" id="viatura" maxlength="80" class="form-control" required>   
                        </div>

                        
                    </div>
                    <div class="form-group  row pl-3 pr-3 ">
                    
                        <div class="text-right" style="width: 10%;">
                            <label for="valor_km">Valor Quilômetro</label>
                        </div>
                        <div class="col-md-4"> 
                            <input type="number" min="0" step="any" name="valor_km" id="valor_km" maxlength="80" class="form-control " required>   
                        </div>

                        <div class="text-right" style="width: 10%;">
                             <button class="btn btn-primary rounded mx-auto d-block">Adicionar</button>
                        </div>
                        

                        
                    </div>
                    {{-- <div class="row">
                        <div class="col-sm-3 ml-4">
                            <label for="nome_assistencia">Nome do Assistencia</label>
                        </div>
                        <div class="col-sm-3">
                            <input type="text" name="nome_assistencia" id="nome_assistencia" maxlength="80" class="form-control" required>
                        </div>
                        <div class="col-sm-3">
                            <button class="btn btn-primary rounded mx-auto d-block">Adicionar</button>
                        </div>
                    </div> --}}
                </form>
                
            @endif

                <div class="row mt-5">
                    <div class="col-sm-6 ml-4">
                        <table id="tabela1" class="table table-bordered text-center">
                            <tbody>
                                <tr>
                                    <th>Viatura</th>
                                    <th>Valor Quilometro</th>
                                    <th>Ações</th>
                                </tr>
                               
                                @foreach($assistencia as $assiste)
                                
                                <tr>
                                    <td>{{ $assiste->viatura }}</td>
                                    <td>{{ $assiste->valor_km }}</td>
                                    <td class="d-flex justify-content-around">
                                        @if ($permissao->configuracoes)
                                            <form method="GET" action="{{ route('assistencia_edit', ['assistencia' => $assiste->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
                                        @if ($permissao->configuracoes)
                                            <form method="POST" onclick="return confirm('Deseja realmente excluir a assistencia?')" action="{{ route('assistencia_destroy', ['assistencia' => $assiste->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