first change

Modules/Admin/resources/views/calendar/partials/event-form.blade.php

@@ -0,0 +1,54 @@
+<div class="row gy-3">
+  <div class="col-md-12">
+    {{ html()->label('Title')->class('form-label') }}
+    {{ html()->text('title')->class('form-control')->placeholder('Event Title')->required() }}
+    {{ html()->div('Please Enter Event Title')->class('invalid-feedback') }}
+
+  </div>
+
+  <div class="col-md-6">
+    {{ html()->label('Event Type')->class('form-label') }}
+    {{ html()->select('type', config('constants.event_type_options'))->class('form-select select2')->placeholder('-Select-')->required() }}
+    {{ html()->div('Please Choose Type')->class('invalid-feedback') }}
+  </div>
+
+  <div class="col-md-6">
+    {{ html()->label('Location')->class('form-label') }}
+    {{ html()->text('location')->class('form-control')->placeholder('Event Location') }}
+  </div>
+
+  <div class="col-md-6">
+    {{ html()->label('Start Date')->class('form-label') }}
+    <div class="input-group">
+      {{ html()->text('start_date')->class('form-control flatpickr-input')->id('event-start-date')->placeholder('Event Start Date')->value(date('Y-m-d h:i:s'))->attributes([
+              'data-provider' => 'flatpickr',
+              'data-date-format' => 'Y-m-d',
+              'data-enable-time' => '',
+          ])->required() }}
+      <span class="input-group-text"><i class="ri-calendar-event-line"></i></span>
+      {{ html()->div('Please Choose Start Date')->class('invalid-feedback') }}
+    </div>
+  </div>
+
+  <div class="col-md-6">
+    {{ html()->label('End Date')->class('form-label') }}
+    <div class="input-group">
+      {{ html()->text('end_date')->class('form-control flatpickr-input')->id('event-end-date')->placeholder('Event End Date')->attributes([
+              'data-provider' => 'flatpickr',
+              'data-date-format' => 'Y-m-d',
+              'data-enable-time' => '',
+          ]) }}
+      <span class="input-group-text"><i class="ri-calendar-event-line"></i></span>
+    </div>
+  </div>
+
+  <div class="col-lg-12 col-md-12">
+    {{ html()->label('Description')->class('form-label') }}
+    {{ html()->textarea('description')->class('form-control ckeditor-classic') }}
+  </div>
+
+  <div class="text-end">
+    <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
+    <button type="submit" class="btn btn-success">Save</button>
+  </div>
+</div>

Modules/Admin/resources/views/calendar/partials/meeting-form.blade.php

@@ -0,0 +1,86 @@
+<div class="row gy-3">
+  <div class="col-lg-6 col-md-6">
+    {{ html()->label('Title')->class('form-label') }}
+    {{ html()->text('title')->class('form-control')->placeholder('Meeting Title')->required() }}
+    {{ html()->div('Please enter title')->class('invalid-feedback') }}
+  </div>
+
+  <div class="col-lg-6 col-md-6">
+    {{ html()->label('Location')->class('form-label') }}
+    {{ html()->text('location')->class('form-control')->placeholder('Meeting Location') }}
+  </div>
+
+  <div class="col-lg-4 col-md-4">
+    {{ html()->label('Date')->class('form-label') }}
+    <div class="input-group">
+      {{ html()->text('date')->class('form-control flatpickr-date')->placeholder('Start Date')->required() }}
+      <span class="input-group-text"><i class="ri-calendar-line"></i></span>
+    </div>
+    {{ html()->div('Choose Start Date')->class('invalid-feedback') }}
+  </div>
+
+  <div class="col-lg-4 col-md-4">
+    {{ html()->label('Start Time')->class('form-label') }}
+    {{ html()->time('start_time')->class('form-control')->placeholder('Event Start Time') }}
+  </div>
+
+  <div class="col-lg-4 col-md-4">
+    {{ html()->label('End Time')->class('form-label') }}
+    {{ html()->time('end_time')->class('form-control')->placeholder('Event End Time') }}
+  </div>
+
+  <div class="col-lg-3 col-md-3">
+    {{ html()->label('Meeting with: ')->class('form-label') }}
+    <div class="form-check form-radio-success">
+      {{ html()->radio('meeting_with', false, 'client')->class('form-check-input meeting-with') }}
+      {{ html()->label('Client')->class('form-check-label me-1')->for('meeting_with_client') }}
+    </div>
+
+    <div class="form-check form-radio-success">
+      {{ html()->radio('meeting_with', false, 'member')->class('form-check-input meeting-with') }}
+      {{ html()->label('Office Members')->class('form-check-label me-1')->for('meeting_with_member') }}
+    </div>
+  </div>
+
+  <div class="col-lg-9 col-md-9 client-dropdown d-none">
+    {{ html()->label('Client')->class('form-label') }}
+    {{ html()->select('client_id', $clientList)->class('form-select select2') }}
+  </div>
+
+
+  <div class="col-lg-9 col-md-9 member-dropdown d-none">
+    {{ html()->label('Members')->class('form-label') }}
+    {{ html()->multiselect('members[]', [])->class('form-control select2')->attributes(['multiple', 'id' => 'members']) }}
+  </div>
+
+  <div class="col-lg-12 col-md-12">
+    {{ html()->label('Description')->class('form-label') }}
+    {{ html()->textarea('description')->class('form-control ckeditor-classic') }}
+  </div>
+
+  <div class="text-end">
+    <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
+    <button type="submit" class="btn btn-success">Save</button>
+  </div>
+
+</div>
+
+@push('js')
+  <script type="text/javascript">
+    $(document).ready(function() {
+
+      $('.meeting-with').change(function() {
+
+        let value = $(this).val();
+
+        if (value == 'member') {
+          $('.member-dropdown').removeClass('d-none');
+          $('.client-dropdown').addClass('d-none');
+        } else {
+          $('.member-dropdown').addClass('d-none');
+          $('.client-dropdown').removeClass('d-none');
+        }
+      });
+    });
+  </script>
+@endpush