@extends('layouts.app')

@section('content')
@include('layouts.headers.cards_prod')
@include('layouts.footers.auth')
<!-- A consulta desta tabela deve envolver INNER JOIN por causa dos nomes da família, nome do grupo e subgrupo, todos vindos das respectivas chaves estrangeiras -->

<div class="container-fluid mt--7">

    <div class="row">
        <div class="col-xl-12 order-xl-1">
            <div class="card bg-secondary shadow">
                <div class="card-header bg-white border-0">
                    <div class="row align-items-center">
                        <div class="col-md-8">
                            <h3 class="mb-0">{{ __('Novo Evento') }}</h3>
                        </div>
                        <div class="col-md-4 text-right">
                            <button type="submit" class="btn btn-sm btn-danger">Fechar Caixa</button>
                        </div>
                    </div>
                    <div class="card-body p-0">
                        <form method="post" action="{{ route('calendarios.store') }}" autocomplete="off">
                            {{ csrf_field() }}

                            <div class="pl-lg-4">
                                <div class="form-group">
                                    <label class="form-control-label" for="input-name">Nome da Tarefa</label>
                                    <input type="text" name="nome_calendario" class="form-control form-control-alternative" placeholder="Nome" value="Reman" required="" autofocus="">
                                </div>
                                <div class="form-group">
                                    <label class="form-control-label" for="input-email">Descrição da Tarefa</label>
                                    <input type="email" name="descricao_calendario" class="form-control form-control-alternative" placeholder="Email" value="admin@argon.com" required="">
                                </div>
                                <div class="form-group">
                                    <label class="form-control-label" for="input-email">Dia</label>
                                    <input type="date" name="data_calendario" class="form-control form-control-alternative" placeholder="Email" value="admin@argon.com" required="">
                                </div>
                                <div class="text-center">
                                    <button type="submit" class="btn btn-success mt-4">Salvar dados</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
</div>
</div>

</div>

@endsection

@push('js')

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.3/jquery-ui.min.js"></script>
<script>
    $('.data2').datepicker({
        autoclose: true,
        dateFormat: "dd-mm-yy"
    });
</script>

@endpush