@extends('index')

@section('title', 'Medicos - Cadastrar')

@section('main')
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <h1>
                Medicos
                <small>Cadastrar</small>
            </h1>
            <ol class="breadcrumb">
                <li><a href="#"><i class="fa fa-dashboard"></i> Medicos</a></li>
                <li class="active">Cadastrar</li>
            </ol>
        </section>

        <section class="content">
            <div class="row">
                <form method="post">
                    <div class="col-xs-6 col-md-6">
                        <div class="form-group">
                            <label for="nome">Nome:</label>
                            <input type="text" class="form-control" name="nome">
                        </div>

                        <div class="form-group">
                            <label for="nome">Email:</label>
                            <input type="email" name="email" class="form-control">
                        </div>

                        <div class="form-group">
                            <label for="pwd">Senha:</label>
                            <input type="password" class="form-control" name="senha">
                        </div>

                        <div class="form-group">
                            <label for="nome">CRM:</label>
                            <input type="text" class="form-control" name="crm">
                        </div>

                        <div class="form-group">
                            <label for="especialidade">Especialidade:</label>
                            <select class="selectpicker form-control especialidade"
                                    id="especialidade" name="especialidade[]" multiple>
                                @foreach($especialidades as $especialidade)
                                    <option value="{{ $especialidade->id_especialidade }}">{{ $especialidade->nome }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div class="col-xs-6 col-md-6">

                        <div class="form-group">
                            <label for="nome">Rua:</label>
                            <input type="text" class="form-control" name="rua">
                        </div>

                        <div class="form-group">
                            <label for="nome">Número:</label>
                            <input type="text" class="form-control" name="numero">
                        </div>

                        <div class="form-group">
                            <label for="nome">Bairro:</label>
                            <input type="text" class="form-control" name="bairro">
                        </div>

                        <div class="form-group">
                            <label for="nome">Cidade:</label>
                            <input type="text" class="form-control" name="cidade">
                        </div>

                        <div class="form-group">
                            <label for="nome">Estado:</label>
                            <input type="text" class="form-control" name="estado">
                        </div>

                        <div class="form-group">
                            <label for="nome">CEP:</label>
                            <input type="number" class="form-control" name="cep">
                        </div>

                        <button type="submit" class="btn btn-default">Cadastrar</button>
                    </div>
                </form>
            </div>
        </section>
    </div>
@endsection