@extends('admin.layouts.dashbord_app')

@section('styles')
<link href="/AOCN-IANCON-2022/public/assets/admin/plugins/datatables/dataTables.bootstrap4.min.css" rel="stylesheet" type="text/css" />
<link href="/AOCN-IANCON-2022/public/assets/admin/plugins/datatables/buttons.bootstrap4.min.css" rel="stylesheet" type="text/css" />
<link href="/AOCN-IANCON-2022/public/assets/admin/plugins/datatables/responsive.bootstrap4.min.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">

<style type="text/css">
    table td .view{
        color: #4677ff;
        border: 1px solid #4677ff;
        padding: 2px 3px;
        border-radius: 3px;
        margin-right: 5px;
    }
    table td .edit{
        color: #0f9c0d;
        border: 1px solid #0f9c0d;
        padding: 2px 3px;
        border-radius: 3px;
    }
    
    .form-group.hidden {
            display: none;
        }
</style>
@endsection

@section('content')
<!--<div class="content-page">-->
<!--    <div class="content">-->
        <!--<div class="page-content-wrapper">-->
           
            <!--<div class="container-fluid mt-5">-->
            
                <div class="container mt-5">
                <!-- <h2>Add Events</h2> -->
                @if (session('success'))
    <div class="alert alert-success">
        {{ session('success') }}
    </div>
@endif

<form method="POST" action="{{ route('admin.events.update', $event->id) }}" enctype="multipart/form-data">
    @csrf
    @method('PUT')
    <div class="form-row">
        <div class="form-group col-md-3">
            <label for="title">Title*:</label>
            <input type="text" class="form-control" id="title" name="title" value="{{ $event->title }}" placeholder="Enter event title" required>
        </div>
        <div class="form-group col-md-3">
            <label for="mode">Mode:</label>
            <select class="form-control" id="mode" name="mode" required>
                <option value="Select" {{ $event->mode == 'Select' ? 'selected' : '' }}>Select</option>
                <option value="InPerson" {{ $event->mode == 'InPerson' ? 'selected' : '' }}>In person</option>
                <option value="Virtual" {{ $event->mode == 'Virtual' ? 'selected' : '' }}>Virtual</option>
                <option value="Hybrid" {{ $event->mode == 'Hybrid' ? 'selected' : '' }}>Hybrid</option>
            </select>
        </div>
        <div class="form-group col-md-3">
            <label for="type">Type:</label>
            <select class="form-control" id="type" name="type" required>
                <option value="Select" {{ $event->type == 'Select' ? 'selected' : '' }}>Select</option>
                <option value="WCNR" {{ $event->type == 'WCNR' ? 'selected' : '' }}>WCNR</option>
                <option value="Webinar" {{ $event->type == 'Webinar' ? 'selected' : '' }}>Webinar</option>
                <option value="Regional Conference" {{ $event->type == 'Regional Conference' ? 'selected' : '' }}>Regional Conference</option>
                <option value="Training Program" {{ $event->type == 'Training Program' ? 'selected' : '' }}>Training Program</option>
                <option value="Meeting" {{ $event->type == 'Meeting' ? 'selected' : '' }}>Meeting</option>
            </select>
        </div>
    </div>

    <div class="form-group">
        <label for="description">Description: <span class="word-count" id="word-count">{{ str_word_count($event->description) }}/50 words</span></label>
        <textarea class="form-control" id="description" name="description" rows="3" maxlength="250" placeholder="Enter event description (max 50 words)">{{ $event->description }}</textarea>
    </div>

    <div class="form-row">
        <div class="form-group col-md-3">
            <label for="startDate">Start Date*:</label>
            <input type="text" class="form-control" id="startDate" name="startDate" value="{{ $event->startDate }}" placeholder="Select start date" required>
        </div>
        <div class="form-group col-md-3">
            <label for="endDate">End Date*:</label>
            <input type="text" class="form-control" id="endDate" name="endDate" value="{{ $event->endDate }}" placeholder="Select end date" required>
        </div>
        <div class="form-group col-md-3">
            <label for="startTime">Start Time*:</label>
            <input type="text" class="form-control" id="startTime" name="startTime" value="{{ $event->startTime }}" placeholder="Select start time" required>
        </div>
        <div class="form-group col-md-3">
            <label for="endTime">End Time:</label>
            <input type="text" class="form-control" id="endTime" name="endTime" value="{{ $event->endTime }}" placeholder="Select end time">
        </div>
        <div class="form-group col-md-3">
            <label for="timezone">Time Zone*:</label>
            <select class="form-control" id="timezone" name="timezone" required>
    <option value="">Select Time Zone</option>
    <option value="GMT-11:00 Midway Island, Samoa" {{ (isset($event) && $event->timezone == 'GMT-11:00 Midway Island, Samoa') ? 'selected' : '' }}>(GMT-11:00) Midway Island, Samoa</option>
    <option value="GMT-11:00 Pago Pago" {{ (isset($event) && $event->timezone == 'GMT-11:00 Pago Pago') ? 'selected' : '' }}>(GMT-11:00) Pago Pago</option>
    <option value="GMT-10:00 Hawaii" {{ (isset($event) && $event->timezone == 'GMT-10:00 Hawaii') ? 'selected' : '' }}>(GMT-10:00) Hawaii</option>
    <option value="GMT-8:00 Alaska" {{ (isset($event) && $event->timezone == 'GMT-8:00 Alaska') ? 'selected' : '' }}>(GMT-8:00) Alaska</option>
    <option value="GMT-8:00 Juneau" {{ (isset($event) && $event->timezone == 'GMT-8:00 Juneau') ? 'selected' : '' }}>(GMT-8:00) Juneau</option>
    <option value="GMT-7:00 Vancouver" {{ (isset($event) && $event->timezone == 'GMT-7:00 Vancouver') ? 'selected' : '' }}>(GMT-7:00) Vancouver</option>
    <option value="GMT-7:00 Pacific Time (US and Canada)" {{ (isset($event) && $event->timezone == 'GMT-7:00 Pacific Time (US and Canada)') ? 'selected' : '' }}>(GMT-7:00) Pacific Time (US and Canada)</option>
    <option value="GMT-7:00 Tijuana" {{ (isset($event) && $event->timezone == 'GMT-7:00 Tijuana') ? 'selected' : '' }}>(GMT-7:00) Tijuana</option>
    <option value="GMT-7:00 Arizona" {{ (isset($event) && $event->timezone == 'GMT-7:00 Arizona') ? 'selected' : '' }}>(GMT-7:00) Arizona</option>
    <option value="GMT-7:00 Mazatlan" {{ (isset($event) && $event->timezone == 'GMT-7:00 Mazatlan') ? 'selected' : '' }}>(GMT-7:00) Mazatlan</option>
    <option value="GMT-7:00 Yukon" {{ (isset($event) && $event->timezone == 'GMT-7:00 Yukon') ? 'selected' : '' }}>(GMT-7:00) Yukon</option>
    <option value="GMT-6:00 Edmonton" {{ (isset($event) && $event->timezone == 'GMT-6:00 Edmonton') ? 'selected' : '' }}>(GMT-6:00) Edmonton</option>
    <option value="GMT-6:00 Mountain Time (US and Canada)" {{ (isset($event) && $event->timezone == 'GMT-6:00 Mountain Time (US and Canada)') ? 'selected' : '' }}>(GMT-6:00) Mountain Time (US and Canada)</option>
    <option value="GMT-6:00 Saskatchewan" {{ (isset($event) && $event->timezone == 'GMT-6:00 Saskatchewan') ? 'selected' : '' }}>(GMT-6:00) Saskatchewan</option>
    <option value="GMT-6:00 Mexico City" {{ (isset($event) && $event->timezone == 'GMT-6:00 Mexico City') ? 'selected' : '' }}>(GMT-6:00) Mexico City</option>
    <option value="GMT-6:00 Guatemala" {{ (isset($event) && $event->timezone == 'GMT-6:00 Guatemala') ? 'selected' : '' }}>(GMT-6:00) Guatemala</option>
    <option value="GMT-6:00 El Salvador" {{ (isset($event) && $event->timezone == 'GMT-6:00 El Salvador') ? 'selected' : '' }}>(GMT-6:00) El Salvador</option>
    <option value="GMT-6:00 Managua" {{ (isset($event) && $event->timezone == 'GMT-6:00 Managua') ? 'selected' : '' }}>(GMT-6:00) Managua</option>
    <option value="GMT-6:00 Costa Rica" {{ (isset($event) && $event->timezone == 'GMT-6:00 Costa Rica') ? 'selected' : '' }}>(GMT-6:00) Costa Rica</option>
    <option value="GMT-6:00 Tegucigalpa" {{ (isset($event) && $event->timezone == 'GMT-6:00 Tegucigalpa') ? 'selected' : '' }}>(GMT-6:00) Tegucigalpa</option>
    <option value="GMT-6:00 Chihuahua" {{ (isset($event) && $event->timezone == 'GMT-6:00 Chihuahua') ? 'selected' : '' }}>(GMT-6:00) Chihuahua</option>
    <option value="GMT-6:00 Monterrey" {{ (isset($event) && $event->timezone == 'GMT-6:00 Monterrey') ? 'selected' : '' }}>(GMT-6:00) Monterrey</option>
    <option value="GMT-5:00 Winnipeg" {{ (isset($event) && $event->timezone == 'GMT-5:00 Winnipeg') ? 'selected' : '' }}>(GMT-5:00) Winnipeg</option>
    <option value="GMT-5:00 Central Time (US and Canada)" {{ (isset($event) && $event->timezone == 'GMT-5:00 Central Time (US and Canada)') ? 'selected' : '' }}>(GMT-5:00) Central Time (US and Canada)</option>
    <option value="GMT-5:00 Panama" {{ (isset($event) && $event->timezone == 'GMT-5:00 Panama') ? 'selected' : '' }}>(GMT-5:00) Panama</option>
    <option value="GMT-5:00 Bogota" {{ (isset($event) && $event->timezone == 'GMT-5:00 Bogota') ? 'selected' : '' }}>(GMT-5:00) Bogota</option>
    <option value="GMT-5:00 Lima" {{ (isset($event) && $event->timezone == 'GMT-5:00 Lima') ? 'selected' : '' }}>(GMT-5:00) Lima</option>
    <option value="GMT-5:00 Acre" {{ (isset($event) && $event->timezone == 'GMT-5:00 Acre') ? 'selected' : '' }}>(GMT-5:00) Acre</option>
    <option value="GMT-4:00 Montreal" {{ (isset($event) && $event->timezone == 'GMT-4:00 Montreal') ? 'selected' : '' }}>(GMT-4:00) Montreal</option>
    <option value="GMT-4:00 Eastern Time (US and Canada)" {{ (isset($event) && $event->timezone == 'GMT-4:00 Eastern Time (US and Canada)') ? 'selected' : '' }}>(GMT-4:00) Eastern Time (US and Canada)</option>
    <option value="GMT-4:00 Indiana (East)" {{ (isset($event) && $event->timezone == 'GMT-4:00 Indiana (East)') ? 'selected' : '' }}>(GMT-4:00) Indiana (East)</option>
    <option value="GMT-4:00 Puerto Rico" {{ (isset($event) && $event->timezone == 'GMT-4:00 Puerto Rico') ? 'selected' : '' }}>(GMT-4:00) Puerto Rico</option>
    <option value="GMT-4:00 Caracas" {{ (isset($event) && $event->timezone == 'GMT-4:00 Caracas') ? 'selected' : '' }}>(GMT-4:00) Caracas</option>
    <option value="GMT-4:00 Santiago" {{ (isset($event) && $event->timezone == 'GMT-4:00 Santiago') ? 'selected' : '' }}>(GMT-4:00) Santiago</option>
    <option value="GMT-4:00 La Paz" {{ (isset($event) && $event->timezone == 'GMT-4:00 La Paz') ? 'selected' : '' }}>(GMT-4:00) La Paz</option>
    <option value="GMT-4:00 Guyana" {{ (isset($event) && $event->timezone == 'GMT-4:00 Guyana') ? 'selected' : '' }}>(GMT-4:00) Guyana</option>
    <option value="GMT-3:00 Halifax" {{ (isset($event) && $event->timezone == 'GMT-3:00 Halifax') ? 'selected' : '' }}>(GMT-3:00) Halifax</option>
    <option value="GMT-3:00 Montevideo" {{ (isset($event) && $event->timezone == 'GMT-3:00 Montevideo') ? 'selected' : '' }}>(GMT-3:00) Montevideo</option>
    <option value="GMT-3:00 Recife" {{ (isset($event) && $event->timezone == 'GMT-3:00 Recife') ? 'selected' : '' }}>(GMT-3:00) Recife</option>
    <option value="GMT-3:00 Buenos Aires, Georgetown" {{ (isset($event) && $event->timezone == 'GMT-3:00 Buenos Aires, Georgetown') ? 'selected' : '' }}>(GMT-3:00) Buenos Aires, Georgetown</option>
    <option value="GMT-3:00 Sao Paulo" {{ (isset($event) && $event->timezone == 'GMT-3:00 Sao Paulo') ? 'selected' : '' }}>(GMT-3:00) Sao Paulo</option>
    <option value="GMT-3:00 Atlantic Time (Canada)" {{ (isset($event) && $event->timezone == 'GMT-3:00 Atlantic Time (Canada)') ? 'selected' : '' }}>(GMT-3:00) Atlantic Time (Canada)</option>
    <option value="GMT-2:30 Newfoundland and Labrador" {{ (isset($event) && $event->timezone == 'GMT-2:30 Newfoundland and Labrador') ? 'selected' : '' }}>(GMT-2:30) Newfoundland and Labrador</option>
    <option value="GMT-2:00 Fernando de Noronha" {{ (isset($event) && $event->timezone == 'GMT-2:00 Fernando de Noronha') ? 'selected' : '' }}>(GMT-2:00) Fernando de Noronha</option>
    <option value="GMT-1:00 Greenland" {{ (isset($event) && $event->timezone == 'GMT-1:00 Greenland') ? 'selected' : '' }}>(GMT-1:00) Greenland</option>
    <option value="GMT-1:00 Cape Verde Islands" {{ (isset($event) && $event->timezone == 'GMT-1:00 Cape Verde Islands') ? 'selected' : '' }}>(GMT-1:00) Cape Verde Islands</option>
    <option value="GMT+0:00 Azores" {{ (isset($event) && $event->timezone == 'GMT+0:00 Azores') ? 'selected' : '' }}>(GMT+0:00) Azores</option>
    <option value="GMT+0:00 Universal Time UTC" {{ (isset($event) && $event->timezone == 'GMT+0:00 Universal Time UTC') ? 'selected' : '' }}>(GMT+0:00) Universal Time UTC</option>
    <option value="GMT+0:00 Greenwich Mean Time" {{ (isset($event) && $event->timezone == 'GMT+0:00 Greenwich Mean Time') ? 'selected' : '' }}>(GMT+0:00) Greenwich Mean Time</option>
    <option value="GMT+0:00 Reykjavik" {{ (isset($event) && $event->timezone == 'GMT+0:00 Reykjavik') ? 'selected' : '' }}>(GMT+0:00) Reykjavik</option>
    <option value="GMT+0:00 Nouakchott" {{ (isset($event) && $event->timezone == 'GMT+0:00 Nouakchott') ? 'selected' : '' }}>(GMT+0:00) Nouakchott</option>
    <option value="GMT+1:00 Dublin" {{ (isset($event) && $event->timezone == 'GMT+1:00 Dublin') ? 'selected' : '' }}>(GMT+1:00) Dublin</option>
    <option value="GMT+1:00 London" {{ (isset($event) && $event->timezone == 'GMT+1:00 London') ? 'selected' : '' }}>(GMT+1:00) London</option>
    <option value="GMT+1:00 Lisbon" {{ (isset($event) && $event->timezone == 'GMT+1:00 Lisbon') ? 'selected' : '' }}>(GMT+1:00) Lisbon</option>
    <option value="GMT+1:00 Casablanca" {{ (isset($event) && $event->timezone == 'GMT+1:00 Casablanca') ? 'selected' : '' }}>(GMT+1:00) Casablanca</option>
    <option value="GMT+1:00 West Central Africa" {{ (isset($event) && $event->timezone == 'GMT+1:00 West Central Africa') ? 'selected' : '' }}>(GMT+1:00) West Central Africa</option>
    <option value="GMT+1:00 Algiers" {{ (isset($event) && $event->timezone == 'GMT+1:00 Algiers') ? 'selected' : '' }}>(GMT+1:00) Algiers</option>
    <option value="GMT+1:00 Tunis" {{ (isset($event) && $event->timezone == 'GMT+1:00 Tunis') ? 'selected' : '' }}>(GMT+1:00) Tunis</option>
    <option value="GMT+2:00 Belgrade, Bratislava, Ljubljana" {{ (isset($event) && $event->timezone == 'GMT+2:00 Belgrade, Bratislava, Ljubljana') ? 'selected' : '' }}>(GMT+2:00) Belgrade, Bratislava, Ljubljana</option>
    <option value="GMT+2:00 Sarajevo, Skopje, Zagreb" {{ (isset($event) && $event->timezone == 'GMT+2:00 Sarajevo, Skopje, Zagreb') ? 'selected' : '' }}>(GMT+2:00) Sarajevo, Skopje, Zagreb</option>
    <option value="GMT+2:00 Oslo" {{ (isset($event) && $event->timezone == 'GMT+2:00 Oslo') ? 'selected' : '' }}>(GMT+2:00) Oslo</option>
    <option value="GMT+2:00 Copenhagen" {{ (isset($event) && $event->timezone == 'GMT+2:00 Copenhagen') ? 'selected' : '' }}>(GMT+2:00) Copenhagen</option>
    <option value="GMT+2:00 Brussels" {{ (isset($event) && $event->timezone == 'GMT+2:00 Brussels') ? 'selected' : '' }}>(GMT+2:00) Brussels</option>
    <option value="GMT+2:00 Amsterdam, Berlin, Rome, Stockholm, Vienna" {{ (isset($event) && $event->timezone == 'GMT+2:00 Amsterdam, Berlin, Rome, Stockholm, Vienna') ? 'selected' : '' }}>(GMT+2:00) Amsterdam, Berlin, Rome, Stockholm, Vienna</option>
    <option value="GMT+2:00 Amsterdam" {{ (isset($event) && $event->timezone == 'GMT+2:00 Amsterdam') ? 'selected' : '' }}>(GMT+2:00) Amsterdam</option>
    <option value="GMT+2:00 Rome" {{ (isset($event) && $event->timezone == 'GMT+2:00 Rome') ? 'selected' : '' }}>(GMT+2:00) Rome</option>
    <option value="GMT+2:00 Stockholm" {{ (isset($event) && $event->timezone == 'GMT+2:00 Stockholm') ? 'selected' : '' }}>(GMT+2:00) Stockholm</option>
    <option value="GMT+2:00 Vienna" {{ (isset($event) && $event->timezone == 'GMT+2:00 Vienna') ? 'selected' : '' }}>(GMT+2:00) Vienna</option>
    <option value="GMT+2:00 Luxembourg" {{ (isset($event) && $event->timezone == 'GMT+2:00 Luxembourg') ? 'selected' : '' }}>(GMT+2:00) Luxembourg</option>
    <option value="GMT+2:00 Paris" {{ (isset($event) && $event->timezone == 'GMT+2:00 Paris') ? 'selected' : '' }}>(GMT+2:00) Paris</option>
    <option value="GMT+2:00 Zurich" {{ (isset($event) && $event->timezone == 'GMT+2:00 Zurich') ? 'selected' : '' }}>(GMT+2:00) Zurich</option>
    <option value="GMT+2:00 Madrid" {{ (isset($event) && $event->timezone == 'GMT+2:00 Madrid') ? 'selected' : '' }}>(GMT+2:00) Madrid</option>
    <option value="GMT+2:00 Harare, Pretoria" {{ (isset($event) && $event->timezone == 'GMT+2:00 Harare, Pretoria') ? 'selected' : '' }}>(GMT+2:00) Harare, Pretoria</option>
    <option value="GMT+2:00 Warsaw" {{ (isset($event) && $event->timezone == 'GMT+2:00 Warsaw') ? 'selected' : '' }}>(GMT+2:00) Warsaw</option>
    <option value="GMT+2:00 Prague Bratislava" {{ (isset($event) && $event->timezone == 'GMT+2:00 Prague Bratislava') ? 'selected' : '' }}>(GMT+2:00) Prague Bratislava</option>
    <option value="GMT+2:00 Budapest" {{ (isset($event) && $event->timezone == 'GMT+2:00 Budapest') ? 'selected' : '' }}>(GMT+2:00) Budapest</option>
    <option value="GMT+2:00 Tripoli" {{ (isset($event) && $event->timezone == 'GMT+2:00 Tripoli') ? 'selected' : '' }}>(GMT+2:00) Tripoli</option>
    <option value="GMT+2:00 Johannesburg" {{ (isset($event) && $event->timezone == 'GMT+2:00 Johannesburg') ? 'selected' : '' }}>(GMT+2:00) Johannesburg</option>
    <option value="GMT+2:00 Khartoum" {{ (isset($event) && $event->timezone == 'GMT+2:00 Khartoum') ? 'selected' : '' }}>(GMT+2:00) Khartoum</option>
    <option value="GMT+3:00 Helsinki" {{ (isset($event) && $event->timezone == 'GMT+3:00 Helsinki') ? 'selected' : '' }}>(GMT+3:00) Helsinki</option>
    <option value="GMT+3:00 Nairobi" {{ (isset($event) && $event->timezone == 'GMT+3:00 Nairobi') ? 'selected' : '' }}>(GMT+3:00) Nairobi</option>
    <option value="GMT+3:00 Sofia" {{ (isset($event) && $event->timezone == 'GMT+3:00 Sofia') ? 'selected' : '' }}>(GMT+3:00) Sofia</option>
    <option value="GMT+3:00 Istanbul" {{ (isset($event) && $event->timezone == 'GMT+3:00 Istanbul') ? 'selected' : '' }}>(GMT+3:00) Istanbul</option>
    <option value="GMT+3:00 Athens" {{ (isset($event) && $event->timezone == 'GMT+3:00 Athens') ? 'selected' : '' }}>(GMT+3:00) Athens</option>
    <option value="GMT+3:00 Bucharest" {{ (isset($event) && $event->timezone == 'GMT+3:00 Bucharest') ? 'selected' : '' }}>(GMT+3:00) Bucharest</option>
    <option value="GMT+3:00 Nicosia" {{ (isset($event) && $event->timezone == 'GMT+3:00 Nicosia') ? 'selected' : '' }}>(GMT+3:00) Nicosia</option>
    <option value="GMT+3:00 Beirut" {{ (isset($event) && $event->timezone == 'GMT+3:00 Beirut') ? 'selected' : '' }}>(GMT+3:00) Beirut</option>
    <option value="GMT+3:00 Damascus" {{ (isset($event) && $event->timezone == 'GMT+3:00 Damascus') ? 'selected' : '' }}>(GMT+3:00) Damascus</option>
    <option value="GMT+3:00 Jerusalem" {{ (isset($event) && $event->timezone == 'GMT+3:00 Jerusalem') ? 'selected' : '' }}>(GMT+3:00) Jerusalem</option>
    <option value="GMT+3:00 Amman" {{ (isset($event) && $event->timezone == 'GMT+3:00 Amman') ? 'selected' : '' }}>(GMT+3:00) Amman</option>
    <option value="GMT+3:00 Cairo" {{ (isset($event) && $event->timezone == 'GMT+3:00 Cairo') ? 'selected' : '' }}>(GMT+3:00) Cairo</option>
    <option value="GMT+3:00 Moscow" {{ (isset($event) && $event->timezone == 'GMT+3:00 Moscow') ? 'selected' : '' }}>(GMT+3:00) Moscow</option>
    <option value="GMT+3:00 Baghdad" {{ (isset($event) && $event->timezone == 'GMT+3:00 Baghdad') ? 'selected' : '' }}>(GMT+3:00) Baghdad</option>
    <option value="GMT+3:00 Kuwait" {{ (isset($event) && $event->timezone == 'GMT+3:00 Kuwait') ? 'selected' : '' }}>(GMT+3:00) Kuwait</option>
    <option value="GMT+3:00 Riyadh" {{ (isset($event) && $event->timezone == 'GMT+3:00 Riyadh') ? 'selected' : '' }}>(GMT+3:00) Riyadh</option>
    <option value="GMT+3:00 Bahrain" {{ (isset($event) && $event->timezone == 'GMT+3:00 Bahrain') ? 'selected' : '' }}>(GMT+3:00) Bahrain</option>
    <option value="GMT+3:00 Qatar" {{ (isset($event) && $event->timezone == 'GMT+3:00 Qatar') ? 'selected' : '' }}>(GMT+3:00) Qatar</option>
    <option value="GMT+3:00 Aden" {{ (isset($event) && $event->timezone == 'GMT+3:00 Aden') ? 'selected' : '' }}>(GMT+3:00) Aden</option>
    <option value="GMT+3:00 Djibouti" {{ (isset($event) && $event->timezone == 'GMT+3:00 Djibouti') ? 'selected' : '' }}>(GMT+3:00) Djibouti</option>
    <option value="GMT+3:00 Mogadishu" {{ (isset($event) && $event->timezone == 'GMT+3:00 Mogadishu') ? 'selected' : '' }}>(GMT+3:00) Mogadishu</option>
    <option value="GMT+3:00 Kyiv" {{ (isset($event) && $event->timezone == 'GMT+3:00 Kyiv') ? 'selected' : '' }}>(GMT+3:00) Kyiv</option>
    <option value="GMT+3:00 Minsk" {{ (isset($event) && $event->timezone == 'GMT+3:00 Minsk') ? 'selected' : '' }}>(GMT+3:00) Minsk</option>
    <option value="GMT+3:00 Chisinau" {{ (isset($event) && $event->timezone == 'GMT+3:00 Chisinau') ? 'selected' : '' }}>(GMT+3:00) Chisinau</option>
    <option value="GMT+3:30 Tehran" {{ (isset($event) && $event->timezone == 'GMT+3:30 Tehran') ? 'selected' : '' }}>(GMT+3:30) Tehran</option>
    <option value="GMT+4:00 Dubai" {{ (isset($event) && $event->timezone == 'GMT+4:00 Dubai') ? 'selected' : '' }}>(GMT+4:00) Dubai</option>
    <option value="GMT+4:00 Muscat" {{ (isset($event) && $event->timezone == 'GMT+4:00 Muscat') ? 'selected' : '' }}>(GMT+4:00) Muscat</option>
    <option value="GMT+4:00 Baku, Tbilisi, Yerevan" {{ (isset($event) && $event->timezone == 'GMT+4:00 Baku, Tbilisi, Yerevan') ? 'selected' : '' }}>(GMT+4:00) Baku, Tbilisi, Yerevan</option>
    <option value="GMT+4:30 Kabul" {{ (isset($event) && $event->timezone == 'GMT+4:30 Kabul') ? 'selected' : '' }}>(GMT+4:30) Kabul</option>
    <option value="GMT+5:00 Yekaterinburg" {{ (isset($event) && $event->timezone == 'GMT+5:00 Yekaterinburg') ? 'selected' : '' }}>(GMT+5:00) Yekaterinburg</option>
    <option value="GMT+5:00 Islamabad, Karachi, Tashkent" {{ (isset($event) && $event->timezone == 'GMT+5:00 Islamabad, Karachi, Tashkent') ? 'selected' : '' }}>(GMT+5:00) Islamabad, Karachi, Tashkent</option>
    <option value="GMT+5:00 Almaty" {{ (isset($event) && $event->timezone == 'GMT+5:00 Almaty') ? 'selected' : '' }}>(GMT+5:00) Almaty</option>
    <option value="GMT+5:30 India" {{ (isset($event) && $event->timezone == 'GMT+5:30 India') ? 'selected' : '' }}>(GMT+5:30) India</option>
    <option value="GMT+5:30 Mumbai, Kolkata, New Delhi" {{ (isset($event) && $event->timezone == 'GMT+5:30 Mumbai, Kolkata, New Delhi') ? 'selected' : '' }}>(GMT+5:30) Mumbai, Kolkata, New Delhi</option>
    <option value="GMT+5:30 Colombo" {{ (isset($event) && $event->timezone == 'GMT+5:30 Colombo') ? 'selected' : '' }}>(GMT+5:30) Colombo</option>
    <option value="GMT+5:45 Kathmandu" {{ (isset($event) && $event->timezone == 'GMT+5:45 Kathmandu') ? 'selected' : '' }}>(GMT+5:45) Kathmandu</option>
    <option value="GMT+6:00 Dhaka" {{ (isset($event) && $event->timezone == 'GMT+6:00 Dhaka') ? 'selected' : '' }}>(GMT+6:00) Dhaka</option>
    <option value="GMT+6:00 Astana" {{ (isset($event) && $event->timezone == 'GMT+6:00 Astana') ? 'selected' : '' }}>(GMT+6:00) Astana</option>
    <option value="GMT+6:30 Yangon (Rangoon)" {{ (isset($event) && $event->timezone == 'GMT+6:30 Yangon (Rangoon)') ? 'selected' : '' }}>(GMT+6:30) Yangon (Rangoon)</option>
    <option value="GMT+7:00 Bangkok, Hanoi, Jakarta" {{ (isset($event) && $event->timezone == 'GMT+7:00 Bangkok, Hanoi, Jakarta') ? 'selected' : '' }}>(GMT+7:00) Bangkok, Hanoi, Jakarta</option>
    <option value="GMT+7:00 Novosibirsk" {{ (isset($event) && $event->timezone == 'GMT+7:00 Novosibirsk') ? 'selected' : '' }}>(GMT+7:00) Novosibirsk</option>
    <option value="GMT+8:00 Beijing, Chongqing, Hong Kong, Urumqi" {{ (isset($event) && $event->timezone == 'GMT+8:00 Beijing, Chongqing, Hong Kong, Urumqi') ? 'selected' : '' }}>(GMT+8:00) Beijing, Chongqing, Hong Kong, Urumqi</option>
    <option value="GMT+8:00 Kuala Lumpur, Singapore" {{ (isset($event) && $event->timezone == 'GMT+8:00 Kuala Lumpur, Singapore') ? 'selected' : '' }}>(GMT+8:00) Kuala Lumpur, Singapore</option>
    <option value="GMT+8:00 Perth" {{ (isset($event) && $event->timezone == 'GMT+8:00 Perth') ? 'selected' : '' }}>(GMT+8:00) Perth</option>
    <option value="GMT+9:00 Osaka, Sapporo, Tokyo" {{ (isset($event) && $event->timezone == 'GMT+9:00 Osaka, Sapporo, Tokyo') ? 'selected' : '' }}>(GMT+9:00) Osaka, Sapporo, Tokyo</option>
    <option value="GMT+9:00 Seoul" {{ (isset($event) && $event->timezone == 'GMT+9:00 Seoul') ? 'selected' : '' }}>(GMT+9:00) Seoul</option>
    <option value="GMT+9:00 Yakutsk" {{ (isset($event) && $event->timezone == 'GMT+9:00 Yakutsk') ? 'selected' : '' }}>(GMT+9:00) Yakutsk</option>
    <option value="GMT+10:00 Brisbane" {{ (isset($event) && $event->timezone == 'GMT+10:00 Brisbane') ? 'selected' : '' }}>(GMT+10:00) Brisbane</option>
    <option value="GMT+10:00 Sydney" {{ (isset($event) && $event->timezone == 'GMT+10:00 Sydney') ? 'selected' : '' }}>(GMT+10:00) Sydney</option>
    <option value="GMT+10:00 Guam, Port Moresby" {{ (isset($event) && $event->timezone == 'GMT+10:00 Guam, Port Moresby') ? 'selected' : '' }}>(GMT+10:00) Guam, Port Moresby</option>
    <option value="GMT+11:00 Solomon Islands" {{ (isset($event) && $event->timezone == 'GMT+11:00 Solomon Islands') ? 'selected' : '' }}>(GMT+11:00) Solomon Islands</option>
    <option value="GMT+12:00 Fiji" {{ (isset($event) && $event->timezone == 'GMT+12:00 Fiji') ? 'selected' : '' }}>(GMT+12:00) Fiji</option>
</select>
        </div>
    </div>

    <div class="form-row">
        <div class="form-group col-md-3">
            <label for="flyer">Flyer:<small id="passwordHelpInline" class="text-muted" style="white-space: nowrap;">(.jpg, .jpeg, .png, .pdf up to 5mb)</small></label>
            <div class="custom-file">
                <input type="file" class="custom-file-input" id="customFile" name="flyer" accept=".jpg, .jpeg, .png, .pdf">
                <label class="custom-file-label" for="customFile">Choose file</label>
                <div class="invalid-feedback">File size is more than 5mb</div>
            </div>
        </div>
    </div>

    <div class="form-row">
        <div class="form-group col-md-4">
            <label for="registrationLink">Registration Link:</label>
            <input type="url" class="form-control" id="registrationLink" name="registrationLink" value="{{ $event->registrationLink }}" placeholder="Enter registration link">
        </div>
        <div class="form-group col-md-4">
            <label for="joiningLink">Joining Link:</label>
            <input type="url" class="form-control" id="joiningLink" name="joiningLink" value="{{ $event->joiningLink }}" placeholder="Enter joining link">
        </div>
        <div class="form-group col-md-4">
            <label for="watchRecording">Watch Recording:</label>
            <input type="url" class="form-control" id="watchRecording" name="watchRecording" value="{{ $event->watchRecording }}" placeholder="Enter recording link">
        </div>
    </div>

    <button type="submit" class="btn btn-success">Update</button>
</form>
                
            </div>
            
            
         
            
        <!--</div>-->
<!--    </div>-->
<!--</div>-->
@endsection

@section('scripts')


<!-- Required datatable js -->
<script src="/AOCN-IANCON-2022/public/assets/admin/pages/dashboard.init.js"></script>

<script src="/AOCN-IANCON-2022/public/assets/admin/plugins/datatables/jquery.dataTables.min.js"></script>
<script src="/AOCN-IANCON-2022/public/assets/admin/plugins/datatables/dataTables.bootstrap4.min.js"></script>

<script src="/AOCN-IANCON-2022/public/assets/admin/plugins/datatables/dataTables.buttons.min.js"></script>
<script src="/AOCN-IANCON-2022/public/assets/admin/plugins/datatables/buttons.bootstrap4.min.js"></script>
<script src="/AOCN-IANCON-2022/public/assets/admin/plugins/datatables/jszip.min.js"></script>
<script src="/AOCN-IANCON-2022/public/assets/admin/plugins/datatables/pdfmake.min.js"></script>
<script src="/AOCN-IANCON-2022/public/assets/admin/plugins/datatables/vfs_fonts.js"></script>
<script src="/AOCN-IANCON-2022/public/assets/admin/plugins/datatables/buttons.html5.min.js"></script>
<script src="/AOCN-IANCON-2022/public/assets/admin/plugins/datatables/buttons.print.min.js"></script>
<script src="/AOCN-IANCON-2022/public/assets/admin/plugins/datatables/buttons.colVis.min.js"></script>

<!-- KNOB JS -->
<script src="/AOCN-IANCON-2022/public/assets/admin/plugins/jquery-knob/excanvas.js"></script>
<script src="/AOCN-IANCON-2022/public/assets/admin/plugins/jquery-knob/jquery.knob.js"></script>

<!-- Datatable init js -->
<script src="/AOCN-IANCON-2022/public/assets/admin/pages/datatables.init.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>

<script>
        function countWords(str) {
            return str.trim().split(/\s+/).filter(word => word.length > 0).length;
        }

        $(document).ready(function() {
            $('#description').on('input', function() {
                const wordCount = countWords($(this).val());
                const wordCountDisplay = $('#word-count');
                wordCountDisplay.text(`${wordCount}/50 words`);

                if (wordCount > 50) {
                    wordCountDisplay.css('color', 'red');
                } else {
                    wordCountDisplay.css('color', '#555');
                }
            });
            
            $('#type').on('change', function() {
                const selectedType = $(this).val();
                if (selectedType === 'Webinar' || selectedType === 'Meeting' || selectedType === 'Select') {
                    $('#endDate').closest('.form-group').addClass('hidden');
                    $('#startTime').closest('.form-group').removeClass('hidden');
                    $('#endTime').closest('.form-group').removeClass('hidden');
                } else {
                    $('#endDate').closest('.form-group').removeClass('hidden');
                    $('#startTime').closest('.form-group').addClass('hidden');
                    $('#endTime').closest('.form-group').addClass('hidden');
                }
            });
            
            
            $('#customFile').on('change', function() {
                const file = this.files[0];
                const fileName = file.name;
                const fileSize = file.size / (1024 * 1024); // Convert to MB
                const fileExtension = fileName.split('.').pop().toLowerCase();
                const validExtensions = ['jpg', 'jpeg', 'pdf'];
                
                $(this).next('.custom-file-label').html(fileName);

                if (!validExtensions.includes(fileExtension) || fileSize > 5) {
                    $(this).addClass('is-invalid');
                } else {
                    $(this).removeClass('is-invalid');
                }
            });
        });
    </script>

 <script>
        flatpickr("#startDate", {
            dateFormat: "Y-m-d"
        });
        flatpickr("#endDate", {
            dateFormat: "Y-m-d"
        });

        flatpickr("#startTime", {
            enableTime: true,
            noCalendar: true,
            dateFormat: "H:i",
            time_24hr: true
        });
        flatpickr("#endTime", {
            enableTime: true,
            noCalendar: true,
            dateFormat: "H:i",
            time_24hr: true
        });
    </script>

@endsection