meus dados

@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row">
        <div class="col-md-12">
            <div class="card text-center">
                <div class="card-header">
                    <ul class="nav nav-tabs card-header-tabs">
                        <li class="nav-item">
                            <a class="nav-link" href="{{route('user.index')}}">Index</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link active" href="{{route('user.dados')}}">Meus Dados</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="{{route('user.cv')}}">Enviar Curriculo</a>
                        </li>
                    </ul>
                </div>
                <div class="card-body">
                    <h5 class="card-title">Mantenha sempre seus dados atualizados</h5>
                    <hr/>
                        <div class="container">
                            <form action="{{route('user.dados.save', ['id' => $dados->id])}}" method="post" class="form-group" id="form">
                                {{csrf_field()}}
                                <h5>Dados Pessoais</h5>
                                <div class="row">
                                    <div class="col-md-4" style="margin-top: 10px;">
                                        <label>Nome</label>
                                        <input type="text" name="name" value="{{$dados->name}}" class="form-control" >
                                    </div>
                                    <div class="col-md-4" style="margin-top: 10px;">
                                        <label for="cCPF">CPF</label>
                                        <input type="text" name="cpf" value="{{$dados->cpf}}" class="form-control" id="cCPF">
                                    </div>
                                    <div class="col-md-12">
                                        <hr/>
                                        <h5>Endereço</h5>
                                    </div>
                                    <div class="col-md-4" style="margin-top: 10px;">
                                        <label for="cAddress">Endereço</label>
                                        <input type="text" name="address" value="{{$dados->address}}" class="form-control" id="cAddress">
                                    </div>
                                    <div class="col-md-4" style="margin-top: 10px;">
                                        <label for="cCity">Cidade</label>
                                        <select id="cCity" name="city" required class="form-control">
                                            <option value="Recife">Recife</option>
                                            <option value="Olinda">Olinda</option>
                                            <option value="Jaboatao">Jaboatão</option>
                                        </select>
                                    </div>
                                    <div class="col-md-4" style="margin-top: 10px;">
                                        <label for="cState">Estado</label>
                                        <input type="text" name="state" value="PE" class="form-control" id="cState" readonly>
                                    </div>
                                    <div class="col-md-12">
                                        <hr/>
                                        <h5>Telefone para contato</h5>
                                    </div>
                                    <div class="col-md-4" style="margin-top: 10px;">
                                        <label for="cPhone">Telefone</label>
                                        <input type="text" name="phone" value="{{$dados->phone}}" class="form-control" id="cPhone">
                                    </div>
                                    <div class="col-md-12">
                                        <hr/>
                                        <h5>Senha</h5>
                                        <p class="card-text">Digite sua senha para confirmar as alterações ou digite uma nova senha</p><br/>
                                    </div>
                                    <div class="col-md-6" style="margin-top: 10px;">
                                        <label for="cPassword">Senha</label>
                                        <input type="password" name="password" value="" class="form-control" id="cPassword">
                                    </div>
                                    <div class="col-md-6" style="margin-top: 10px;">
                                        <label for="cPassword_Confirmation">Confirmação de Senha</label>
                                        <input type="password" name="password_confirmation" value="" class="form-control" id="cPassword_Confirmation">
                                    </div>
                                </div>
                                <input type="submit" value="Atualizar Dados" class="btn btn-success" style="margin-top: 20px;">
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

<script type="text/javascript">
    $(document).ready(function (){
        $('#form').validate({
            rules:{
                name:{
                    required: true
                }
            },
            messages:{

            }
        });
    });
</script>
@endsection