@php
    /* @var $user \App\Core\Entities\User */
@endphp
@extends('admin.layouts.app')

@section('content')
    @include('admin.layouts.headers.page')
    <div class="container-fluid mt--7">
        <div class="row">
            <div class="col-md-12">
                <div class="card shadow">
                    <div class="card-header">
                        <h1>Nova Aula</h1>
                    </div>

                    <div class="card-body pb-3">
                        <form action="{{ route('admin.lessons.store') }}" method="post" class="mb-4">
                            @csrf
                            <small>Cadastro manual de nova aula</small>
                            @if (session('success'))
                                <div class="alert alert-success">{{ session('success') }}</div>
                            @endif
                            @if (session('error'))
                                <div class="alert alert-danger">{{ session('error') }}</div>
                            @endif
                            @if ($errors->any())
                                <div class="alert alert-danger">
                                    <ul>
                                        @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif
                            <div class="row mt-2">
                                <div class="col-md-3">
                                    <autocomplete-user 
                                        :label="'Aluno'" 
                                        :name="'student_id'"
                                        :type="'student'"
                                        :error="{{ json_encode($errors->first('student_id')) }}" 
                                    />
                                </div>
                                <div class="col-md-3">
                                    <autocomplete-user 
                                        :label="'Professor'" 
                                        :name="'teacher_id'"
                                        :type="'teacher'"
                                        :error="{{ json_encode($errors->first('teacher_id')) }}" 
                                    />
                                </div>
                                
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label for="date" class="form-control-label">Data</label>
                                        <input class="form-control @error('date') is-invalid @enderror" type="date"
                                            value="{{ old('date') }}"
                                            placeholder="Data" name="date" id="date">
                                        @error('date')
                                            <div class="alert alert-danger mt-1">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label for="time" class="form-control-label">Hora</label>
                                        <input class="form-control @error('time') is-invalid @enderror" type="time"
                                            value="{{ old('time') }}"
                                            placeholder="Data" name="time" id="time">
                                        @error('time')
                                            <div class="alert alert-danger mt-1">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label for="duration" class="form-control-label">Duração</label>
                                        <select class="form-control @error('duration') is-invalid @enderror" name="duration" id="duration" required>
                                            <option value="">Selecione</option>
                                            <option @if(old('duration') == "30") selected @endif value="30">30 Min</option>
                                            <option @if(old('duration') == "60") selected @endif value="60">60 Min</option>
                                        </select>
                                        @error('duration')
                                            <div class="alert alert-danger mt-1">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                                               
                                <div class="col align-self-end form-group">
                                    <button type="submit" class="btn btn-outline-primary">Cadastrar</button>
                                </div>
                            </div>
                        </form>
                    </div>

                </div>
            </div>
        </div>
        @include('admin.layouts.footers.auth')
    </div>
@endsection