@extends('dashboard.layouts.app')
@section('content')
    @include('dashboard.layouts.breadcrumb', ['items' => [
        trans('app.mishkah') => '',
        trans('app.courses.all') => route('dashboard.mishkah.courses.index'),
        $course->name . " : " . trans('app.meetings.all') => route('dashboard.mishkah.meetings.index',$course->id),
    ]])
    <div class="container-xxl flex-grow-1 container-p-y">
        <div class="row">
            <!-- Basic Layout -->
            <div class="col-xxl">
                <div class="card mb-4">
                    <div class="card-body">
                        <form action="{{route('dashboard.mishkah.meetings.store')}}" method="post"
                        enctype="multipart/form-data">
                        @csrf
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="col-form-label" for="name">{{ trans('app.meetings.name') }}</label>
                                        <div class="input-group">
                                            <input id="name" type="text" class="form-control" name="name" value="{{ old('name') }}" required>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="col-form-label" for="course_name">{{ trans('app.meetings.course') }}</label>
                                        <div class="input-group">
                                            <input id="course_name" type="text" class="form-control" name="course_name" value="{{ $course->name }}" readonly>
                                            <input id="course_id" type="text" class="form-control" name="course_id" value="{{ $course->id }}" hidden>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label class="col-form-label" for="description">{{ trans('app.meetings.description') }}</label>
                                        <div class="input-group">
                                            <input id="description" type="text" class="form-control" name="description" value="{{ old('description') }}" required>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="col-form-label" for="zoom_id">{{ trans('app.meetings.zoom_id') }}</label>
                                        <div class="input-group">
                                            <input id="zoom_id" type="number" class="form-control" name="zoom_id" value="{{ old('zoom_id') }}" required>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="col-form-label" for="join_url">{{ trans('app.meetings.join_url') }}</label>
                                        <div class="input-group">
                                            <input id="join_url" type="text" class="form-control" name="join_url" value="{{ old('join_url') }}" required>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="col-form-label" for="date">{{ trans('app.meetings.date') }}</label>
                                        <div class="input-group">
                                            <input id="date" type="datetime-local" class="form-control" name="date" value="{{ old('date') }}" required>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-sm-10">
                                    <button type="submit" class="btn btn-primary">{{ trans('app.meetings.save') }}</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- / Content -->
    <script>
        let date = new Date();
        date.setTime(date.getTime() + (24*60*60*1000));
        let dateString = date.toISOString().slice(0, 16);
        document.getElementById("date").setAttribute("min", dateString);
    </script>
@endsection