@extends('layout.main')

@section('title', 'Sistema RH - Gerenciar empresas')

@section('content')
            <div class="content">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-header card-header-info">
                                    <h4 class="card-title"><strong>Cadastrar unidade</strong></h4>
                                    <p class="card-category">Adicione unidades no sistema.</p>
                                </div>
                                <div class="card-body">
                                <br>
                                    <form method="POST" action="{{ route('unidades.adicionar') }}">
                                    @csrf
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="bmd-label-floating">Nome da unidade</label>
                                                    <input type="text" class="form-control" name="nome">
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="bmd-label-floating">Araçatuba/SP</label>
                                                    <input type="text" class="form-control" name="cidade" value="Araçatuba/SP" disabled>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-8">
                                                <div class="form-group">
                                                    <label class="bmd-label-floating">Endereço</label>
                                                    <input type="text" class="form-control" name="endereco">
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label class="bmd-label-floating">Número</label>
                                                    <input type="text" class="form-control" name="numero">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-8">
                                                <div class="form-group">
                                                    <label class="bmd-label-floating">Bairro</label>
                                                    <input type="text" class="form-control" name="bairro">
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label class="bmd-label-floating">CEP</label>
                                                    <input type="text" class="form-control" name="cep">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="bmd-label-floating">Telefone¹</label>
                                                    <input type="text" class="form-control" name="telefone1">
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="bmd-label-floating">Telefone²</label>
                                                    <input type="text" class="form-control" name="telefone2">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label class="bmd-label-floating">CNES</label>
                                                    <input type="text" class="form-control" name="cnes">
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label class="bmd-label-floating">Diretor(a)</label>
                                                    <input type="text" class="form-control" name="diretor">
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label class="bmd-label-floating">Técnico responsável</label>
                                                    <input type="text" class="form-control" name="tecnico">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label class="bmd-label-floating">Tipo de unidade</label>
                                                    <select name="tipo" class="form-control">
                                                        <option value="valor1">UBS 1</option>
                                                        <option value="valor2">UBS 2</option>
                                                        <option value="valor3">UBS 3</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <button type="submit" class="btn btn-info pull-right">Salvar</button>
                                        {{ $msg }}
                                        <div class="clearfix"></div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
@endsection