@extends('super-admin.layouts.main')
@section('content')
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0">Edit Cource Details</h1><br>
                    <a class="btn btn-outline-info" href="{{ route('event.list') }}">Back</a>
                </div><!-- /.col -->

            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- Main content -->
    <div class="content">
        <div class="container-fluid">
            <div class="card">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="card-body">
                            <form action="{{ route('event.update', [$event->id]) }}" method="POST"
                                enctype="multipart/form-data" id="editEvents">
                                {{ method_field('put') }}
                                @if (Session::has('success'))
                                <div class="alert alert-success">{{ Session::get('success') }}</div>
                                @endif
                                @csrf
                               
                                <div class="form-group">
                                    <label>Title</label><span class="text-danger">*</span>
                                    <input type="text" name="title" class="form-control" value="{{ $event->title }}" />
                                    <span class="text-danger">@error('title') {{ $message }} @enderror</span>
                                </div>

                                <div class="form-group">
                                        <label>Cource Type</label><span class="text-danger">*</span>
                                        <select class="form-select form-control" onchange="handleQuestionType(this.value)"
                                        name="cource_type" id="cource_type">
                                        <option value="online" @if ($event->is_online == 1 ) selected @endif>Online</option>
                                        <option value="offline" @if ($event->is_online == 0 ) selected @endif>Offline</option>
                                        </select>
                                        @error('department_id')
                                        <span class='text-danger'>{{$message}}</span>
                                        @enderror
                                    </div>

                                <div class="form-group" id="link_type">
                                <label>Meeting Link Type</label><span class="text-danger">*</span>
                                    <select class="form-control" name="linkTYpe" id="linkTYpe">
                                        <option value="zoom" @if ($event->video_link_type == 'zoom' ) selected @endif>Zoom</option> 
                                        <option value="googleMeet" @if ($event->video_link_type == 'googleMeet' ) selected @endif>Google Meet</option> 
                                        <option value="microsoft" @if ($event->video_link_type == 'microsoft' ) selected @endif>Microsoft Team</option>
                                    </select><br> 

                                </div>

                                <div class="form-group" id="meeting_link">
                                    <label>Meeting Link</label><span class="text-danger">*</span>
                                    <input type="text" name="link" class="form-control" value="{{ $event->link }}" />
                                    <span class="text-danger">@error('link') {{ $message }} @enderror</span>
                                </div>

                                <div class="form-group" id="location">
                                <label>Location</label><span class="text-danger">*</span>
                                <select class="form-control" name="location">
                                    @foreach($cities as $city)
                                      <option value="{{$city->id}}" @if($event->city_id == $city->id) selected  @endif>{{$city->city_name}}</option>
                                    @endforeach
                                </select>
                                </div>

                                <div class="form-group" id="address">
                                        <label for="Editor">Cource Address</label><span class="text-danger">*</span>
                                        <textarea class="form-control" name="address" id="course_address"></textarea>
                                        <span class="text-danger error" id="addressError">
                                            @error('address')
                                                {{ $message }}
                                            @enderror
                                        </span><br>
                                    </div>

                                <div class="form-group">
                                    <label for="Editor">Description</label>
                                    <textarea class="form-control summernote eventsummernoterror" name= "description">
                                                                            </textarea>
                                    <span class="text-danger error" id="descriptionError">@error('description') {{ $message }} @enderror</span><br>
                                </div>

                                <div class="form-group">
                                        <label for="Editor">Foundational Description</label><span class="text-danger">*</span>
                                        <textarea class="form-control summernote eventsummernoterror" id="foundational_description" name="foundational_description" value="{{ old('foundational_description') }}">{{$event->foundational_description}}</textarea>
                                        <span class="text-danger error" id="foundational_descriptionError">
                                            @error('foundational_description')
                                                {{ $message }}
                                            @enderror
                                        </span><br>
                                    </div>

                                <div class="form-group">
                                    <label> Image</label><span class="text-danger">*</span>
                                    <p style="font-size:14px;">Image size should be 305 * 172 px and image file type should be JPG or PNG .</p>
                                    <input type="file" name="banner_image" class="form-control" value="{{ $event->banner_image }}" />
                                    <img src="{{ $event->banner_image }}"
                                        width="50" height="50">
                                    <span class="text-danger">@error('banner_image') {{ $message }} @enderror</span>
                                </div>

                                <div class="form-group">
                                    <label>Background Banner Image</label><span class="text-danger">*</span>
                                    <p style="font-size:14px;">Image size should be 305 * 172 px and image file type should be JPG or PNG .</p>
                                    <input type="file" name="background_banner_image" class="form-control" value="{{ $event->background_banner_image }}" />
                                    <img src="{{ $event->background_banner_image }}"
                                        width="50" height="50">
                                    <span class="text-danger">@error('background_banner_image') {{ $message }} @enderror</span>
                                </div>

                                <div class="form-group">
                                    <label>Introduction Video</label><span class="text-danger">*</span>
                                    <input type="file" name="intro_video" class="form-control" value="{{ $event->intro_video }}" />
                                        <a href="{{ $event->intro_video }}" target="_blank">Video link</a>
                                    <span class="text-danger">@error('intro_video') {{ $message }} @enderror</span>
                                </div>

                                <!-- <div class="form-group">
                                    <label>Video Thumbnail Image</label><span class="text-danger">*</span>
                                    <p style="font-size:14px;">Image size should be 589 * 411 px and image file type should be JPG or PNG .</p>
                                    <input type="file" name="video_thumbnail_image" class="form-control" value="{{ $event->video_thumbnail_image }}" />
                                    <img src="{{ $event->video_thumbnail_image }}"
                                        width="50" height="50">
                                    <span class="text-danger">@error('video_thumbnail_image') {{ $message }} @enderror</span>
                                </div> -->

                                <div class="form-group">
                                    <label>Start Date</label><span class="text-danger">*</span>
                                    <input type="datetime-local" name="start_date" id="start_date" class="form-control" value="{{ $event->start_date }}" />
                                    <span class="text-danger">@error('start_date') {{ $message }} @enderror</span>
                                </div>

                                <div class="form-group">
                                    <label>End Date</label><span class="text-danger">*</span>
                                    <input type="datetime-local" name="end_date" id="end_date" class="form-control" value="{{ $event->end_date }}" />
                                    <span class="text-danger">@error('end_date') {{ $message }} @enderror</span>
                                </div>

                                <label>Department</label><span class="text-danger">*</span>
                                <select class="form-control" name="departments">
                                    @foreach($departments as $department)
                                      <option value="{{$department->id}}" @if($event->department_id == $department->id) selected  @endif>{{$department->department_name}}</option>
                                    @endforeach
                                </select>

                                <label>Dificulty Level</label><span class="text-danger">*</span>
                                <select class="form-control" name="difficultyLevel">
                                    @foreach($difficultyLevels as $difficultyLeve)
                                      <option value="{{$difficultyLeve->id}}" @if($event->dificultylevel_id == $difficultyLeve->id) selected  @endif>{{$difficultyLeve->difficulty_level}}</option>
                                    @endforeach
                                </select>

                                <div class="form-group">
                                    <label>Contact Info</label><span class="text-danger">*</span>
                                    <input type="text" name="contact_info" class="form-control" value="{{ $event->contact_info }}" />
                                    <span class="text-danger">@error('contact_info') {{ $message }} @enderror</span>
                                </div>

                                <!-- <div class="form-group">
                                    <label>Category</label><span class="text-danger">*</span>
                                    <input type="text" name="category" class="form-control" value="{{ $event->category }}" />
                                    <span class="text-danger">@error('category') {{ $message }} @enderror</span>
                                </div> -->

                                <label>Category</label><span class="text-danger">*</span>
                                <select class="form-control" name="category">
                                    @foreach($categories as $category)
                                      <option value="{{$category->id}}" @if($event->category == $category->id) selected  @endif>{{$category->name}}</option>
                                    @endforeach
                                </select>

                                <div class="form-group">
                                        <label> Skills </label><span class="text-danger">*</span>(Add comma seprated values)<br>
                                        <input type="text" class="form-control forms" id="skills" name="skills"
                                            value="{{ $event->skills }}" placeholder="Enter skills">
                                        <div id="tagsContainer"></div>
                                    </div>

                                    <label>Pricing</label><span class="text-danger">*</span>
                                        <select class="form-control" name="pricing" id="">
                                            <option value="0">Select Pricing</option>
                                            <option value="FREE" @if($event->pricing == 'FREE') selected  @endif>FREE</option>
                                            <option value="PREMIUM" @if($event->pricing == 'PREMIUM') selected  @endif>PREMIUM</option>

                                        </select><br>
                                        @error('price')
                                            <span class='text-danger'>{{ $message }}</span>
                                        @enderror
                                <div class="form-group">
                                    <label>Actual Amount</label>
                                    <input type="text" name="amount" class="form-control" value="{{ $event->amount }}" id="amount" />
                                    <span class="text-danger">@error('amount') {{ $message }} @enderror</span>
                                </div>
                                
                                <div class="form-group">
                                    <label>Discount Amount</label><span class="text-danger">*</span>
                                    <input type="text" class="form-control forms" name="discoutamount" value="{{ $event->discouned_amount }}" id="discoutamount"
                                        placeholder="Enter Your Discount Amount">
                                        <span id="amount_error" class="text-danger"></span>

                                    </div>

                               
                                <label>Select Instructor</label><span class="text-danger">*</span>
                                    <select name="select[]" id="multiselect" multiple multiselect-search="true">
                                        @foreach ($instructors as $instructor)
                                            <option
                                                @foreach ($eventInstructors as $map) @if ($map->instructor_id == $instructor->id) selected  @endif @endforeach
                                                value="{{ $instructor->id }}">{{ $instructor->name }}</option>
                                        @endforeach
                                    </select><br>
                                    <span class="text-danger error" id="multiselectError"></span>
                                    <span class="text-danger">
                                        @error('select')
                                            {{ $message }}
                                        @enderror
                                    </span><br>

                             <!-- <div class="form-group">
                                 <label> Is Online </label><span class="text-danger">*</span>
                                <input type="checkbox" class=" forms" name="is_online"  {{$event->is_online ?'checked':'null'}}  >
                               </div> -->

                                <div class="form-group">
                                    <button class="btn btn-info mt-4" type="submit">Update</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
    <!-- /.content -->
</div>
<!-- /.content-wrapper -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
    var cource_type = $('#cource_type').val();
    handleQuestionType(cource_type); // Initialize the visibility based on the selected value

    // Define the function to handle visibility based on course type
    window.handleQuestionType = function(question_type) {
        if (question_type === "online") {
            $('#link_type').show();
            $('#meeting_link').show();
            $('#location').hide();
            $('#address').hide();
        } else {
            $('#link_type').hide();
            $('#meeting_link').hide();
            $('#location').show();
            $('#address').show();
        }
    };
});


$('#editEvents').submit(function (event) {

    var amount = $('#amount').val();
    var discount_amount = $('#discoutamount').val();
    var cource_type = $('#cource_type').val();
    var course_address = $('#course_address').val();
    var foundational_desc = $('#foundational_description').val();

    if(cource_type==="offline" && course_address.trim()=="" ){
        event.preventDefault();
        $('#addressError').text("Please enter address");
    }

    if(foundational_desc.trim()=="" ){
        event.preventDefault();
        $('#foundational_descriptionError').text("Please enter foundational description");
    }

    // Check if amount and discount_amount are not empty
    if (amount && discount_amount) {
       if (!isNaN(Number(amount)) && !isNaN(Number(discount_amount))) {
            // Check if discount_amount is greater than amount
            if (Number(amount) < Number(discount_amount)) {
               event.preventDefault();
                $('#amount_error').text("Discounted amount should not be greater than actual amount");
            }else{
                $('#amount_error').text("");
            }
        } else {
            // Handle case where amount or discount_amount is not a valid number
            event.preventDefault();
            $('#amount_error').text("Enter valid number");

        }
    }
});


function handleQuestionType(question_type) {

      if (question_type == "online") {
        $('#link_type').show();
        $('#meeting_link').show();
        $('#location').hide();
        $('#address').hide();
      } else {
        $('#link_type').hide();
        $('#meeting_link').hide();
        $('#location').show();
        $('#address').show();
      }
    }

        document.addEventListener('DOMContentLoaded', function () {
            var today = new Date();
            var tomorrow = new Date();
            tomorrow.setDate(today.getDate() + 1);

            var year = tomorrow.getFullYear();
            var month = ("0" + (tomorrow.getMonth() + 1)).slice(-2); // Months are zero-indexed
            var day = ("0" + tomorrow.getDate()).slice(-2);

            var tomorrowFormatted = year + "-" + month + "-" + day;

            document.getElementById('end_date').setAttribute('min', tomorrowFormatted);
        });
     </script>
@endsection