@extends('layouts.app')

@section('title')
{{-- Le nom de la page: Le nom que le navigateur affichera --}}
Activités
@endsection

@section('head')
{{-- Pour ajouter des css ou des balises dans la section head --}}
<link href="{{asset('assets/css/activity.css')}}" rel="stylesheet">
@endsection

@section('content-title')
{{-- Le titre du contenu qui a gauche en haut dans le content --}}
Activités<s></s>
@endsection

@section('content')
{{-- Le contenu de la page --}}

<div class="row">
    <div class="col-lg-12">
        <div class="col-lg-12">
            <div class="card ">
                <form action="{{ route('activity.store') }}" class="form-horizontal" method="post">
                    @csrf
                    <div class="form-body">
                        <div class="card-body">
                            <h4 class="card-title">Créer une activité</h4>
                        </div>
                        <hr class="mt-0 mb-2">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-8">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group row">
                                                <label class="control-label label-text col-md-2 ">Intitulé</label>
                                                <div class="col-md-10">
                                                    <input type="text" name="name" value="{{ old('name') }}"
                                                        class="form-control @error('name') is-invalid @enderror"
                                                        placeholder="Devoir de première session">
                                                    @error('name')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-6 calendar-block">
                                            <div class="form-group row">
                                                <label class="control-label label-text col-md-4">Début</label>
                                                <div class="col-md-8">
                                                    <input type="date"
                                                        class="form-control date-input @error('start_date') is-invalid @enderror"
                                                        value="{{ old('start_date') }}"  name="start_date">
                                                    @error('start_date')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                    @enderror
                                                </div>
                                            </div>

                                        </div>


                                        <div class="col-md-6">
                                            <div class="form-group row">
                                                <label class="control-label label-text col-md-4 ">Au plus
                                                    tard</label>
                                                <div class="col-md-8">
                                                    <input type="date"
                                                        class="form-control date-input @error('start_date_latest') is-invalid @enderror"
                                                        value="{{ old('start_date_latest') }}"  name="start_date_latest">
                                                    @error('start_date_latest')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6 calendar-block">
                                            <div class="form-group row">
                                                <label class="control-label label-text col-md-4">Fin</label>
                                                <div class="col-md-8">
                                                    <input type="date"
                                                        class="form-control date-input @error('end_date') is-invalid @enderror"
                                                        value="{{ old('end_date') }}"  name="end_date">
                                                    @error('end_date')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>


                                        <div class="col-md-6">
                                            <div class="form-group row">
                                                <label class="control-label label-text col-md-4 ">Au plus tard</label>
                                                <div class="col-md-8">
                                                    <input type="date"
                                                        class="form-control date-input @error('end_date_latest') is-invalid @enderror"
                                                        value="{{ old('end_date_latest') }}"  name="end_date_latest">
                                                    @error('end_date_latest')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-4">

                                    <div class="form-group row">
                                        <input type="hidden" id="entity_id" value="{{$entity->id}}" name="entity_id">
                                    </div>
                                    <!-- <div class="form-group row">
                                        <label class="control-label label-text col-md-5 col-lg-6">Pourcentage</label>
                                        <div class="col-md-7 col-lg-6">
                                            {{-- ADD max attribute equal to free percentage of activity--}}
                                            <input type="number"
                                                class="form-control @error('percentage') is-invalid @enderror"
                                                value="{{ old('percentage') }}" name="percentage">
                                            @error('percentage')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                        </div>
                                    </div> -->

                                    <div class="form-group row">
                                        <label class="control-label label-text col-md-5">Portée</label>
                                        <div class="col-md-7">
                                            <select
                                                class="form-control custom-select @error('scope') is-invalid @enderror"
                                                name="scope" data-placeholder="Choose a Category" tabindex="1">
                                                <option value="teacher">ENSEIGNANT</option>
                                                <option value="student">ETUDIANT</option>
                                                <option value="public">PUBLIC</option>
                                            </select>
                                            @error('scope')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="control-label label-text col-md-5">Calendrier</label>
                                        <div class="col-md-7">
                                            <select class="form-control custom-select" name="calendar_id"
                                                data-placeholder="Choose a Category" tabindex="1">
                                                @foreach($calendars as $calendar)
                                                <option value="{{ $calendar->id }}">{{ $calendar->academic_year }}
                                                </option>
                                                @endforeach
                                            </select>
                                            @error('calendar_id')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <hr>
                        <div class="form-actions">
                            <div class="card-body" style="padding-top: 5px; padding-right: 70px;">
                                <div class="text-right">
                                    <button type="submit" class="btn btn-info">Créer</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
{{-- Ajouter de nouveau script a votre page --}}
<!-- <script src="{{asset('assets/scripts/date-control.js')}}"></script> -->
@endsection