@extends('layouts.portal')
@section('title', 'Schedule meeting')
@section('actions')<a class="btn btn-secondary" href="{{ route('admin.meetings.index') }}"><x-icon name="arrow-left" :size="16"/> Meetings</a>@endsection
@section('content')
<form method="post" action="{{ route('admin.meetings.store') }}" class="op-builder">
  @csrf
  <section class="panel"><div class="panel-head"><h2>Meeting</h2></div><div class="panel-body">
    <div class="form-grid">
      <x-field name="title" label="Title" :value="$meeting->title" required placeholder="e.g. Career counselling — Cloud track"/>
      <x-field name="type" label="Type" type="select" :options="\App\Models\Meeting::TYPES" :value="$meeting->type" required/>
      <x-field name="starts_at" label="Starts" type="datetime-local" :value="$meeting->starts_at->format('Y-m-d\TH:i')" required/>
      <x-field name="duration_minutes" label="Duration (minutes)" type="number" min="10" max="600" :value="$meeting->duration_minutes" required/>
      <x-field name="meeting_provider" label="Video platform" type="select" :value="old('meeting_provider', config('meetings.default'))" :options="\App\Meetings\MeetingManager::options()" help="Platforms marked automatic create the link for you. For the others, paste the link below."/>
      <x-field name="meeting_url" label="Meeting link (leave empty to create automatically)" type="url" placeholder="https://zoom.us/j/… · https://meet.google.com/… · NetAcad / Webex / Teams link"/>
      <x-field name="location" label="Location (if on campus)"/>
      <x-field name="host_id" label="Host" type="select" :options="$hosts" :value="$meeting->host_id"/>
      <div class="field"><label class="label" for="m-batch">Related batch</label><select class="select" id="m-batch" name="batch_id"><option value="">—</option>@foreach($batches as $b)<option value="{{ $b->id }}">{{ $b->label() }}</option>@endforeach</select></div>
    </div>
    <x-field name="agenda" label="Agenda" type="textarea" :rows="4"/>
  </div></section>
  <aside class="op-preview"><section class="panel ac-sum">
    <h2>Participants</h2>
    <label class="check"><input type="checkbox" name="invite_batch" value="1"> <span>Invite every learner of the related batch</span></label>
    <div class="op-sep"></div>
    <input class="input" type="search" placeholder="Filter learners…" data-recip-filter="#m-users" aria-label="Filter learners">
    <div class="op-recips mt-1" id="m-users" style="max-height:200px">@foreach($students as $s)<label><input class="op-cb" type="checkbox" name="users[]" value="{{ $s->id }}" @checked(in_array($s->id, $preUsers, true))> <span>{{ $s->name }} <small>{{ $s->email }}</small></span></label>@endforeach</div>
    <div class="op-recips mt-1" style="max-height:140px">@foreach($leads as $l)<label><input class="op-cb" type="checkbox" name="leads[]" value="{{ $l->id }}" @checked(in_array($l->id, $preLeads, true))> <span>{{ $l->name }} <small>lead · {{ $l->email }}</small></span></label>@endforeach</div>
    <textarea class="textarea mt-1" name="emails" rows="2" placeholder="Other emails (comma separated)" aria-label="Other emails"></textarea>
    <label class="check mt-1"><input type="hidden" name="notify" value="0"><input type="checkbox" name="notify" value="1" checked> <span>Email invitations with a calendar file now</span></label>
    <button class="btn btn-primary btn-block" type="submit"><x-icon name="calendar-check" :size="16"/> Schedule</button>
  </section></aside>
</form>
@endsection
@push('scripts')<script src="{{ asset_v('assets/js/ops.js') }}" defer nonce="{{ csp_nonce() }}"></script>@endpush