@extends('layouts.admin_layout')
@section('content')
<div class="container-fluid">
    <div class="row column_title">
        <div class="col-md-12">
            <div class="page_title">
                <h2>Manage Events</h2>
            </div>
        </div>
    </div>
    @if(Session::has('success'))
    <p class="alert {{ Session::get('alert-class', 'alert-info') }} alert-dismissible">
        <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>{{ Session::get('success') }}
    </p>
    @endif
    @if(Session::has('error'))
    <p class="alert {{ Session::get('alert-class', 'alert-danger') }}">{{ Session::get('error') }}</p>
    @endif
    <div class="row">
        <div class="col-md-12">
            <div class="white_shd full margin_bottom_30">
                <div class="full graph_head">
                    <div class="heading1 margin_0">
                        <h2>Edit Event</h2>
                    </div>
                </div>
                <div class="padding_infor_info">
                    <form action="{{url('admin/manage-events/'.$event->uuid)}}" method="POST"
                        enctype="multipart/form-data">
                        @csrf
                        {{method_field('PATCH')}}
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Category Name</label>
                                    <select name="event_category_id" class="form-control" required
                                        id="event_category_id">
                                        <option>--select category--</option>
                                        @foreach($events_categories as $category)
                                        <option value="{{$category->id}}"
                                            {{ $event->event_category_id == $category->id ? 'selected': '' }}>
                                            {{$category->category_name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Location Name</label>
                                    <select name="event_location_id" class="form-control" required
                                        id="event_location_id">
                                        <option>--select location--</option>
                                        @foreach($locations as $location)
                                        <option value="{{$location->id}}"
                                            {{ $event->event_location_id == $location->id ? 'selected': '' }}>
                                            {{$location->location_name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Title</label>
                                    <input class="form-control" type="text" placeholder="Title" name="title" required
                                        value="{{$event->title}}">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Desktop Banner Image <span class="text-danger">[1440 * 350]</span></label>
                                    <input class="form-control" type="file" placeholder="Desktop Image"
                                        name="desktop_banner">
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Mobile Banner Image <span class="text-danger">[390 * 486]</span></label>
                                    <input class="form-control" type="file" placeholder="Mobile Image"
                                        name="mobile_banner">
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Location Name on Banner</label>
                                    <input class="form-control" type="text" placeholder="Location Name"
                                        name="location_name" value="{{$event->location_name}}" required>
                                </div>
                            </div>

                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Banner Title</label>
                                    <input class="form-control" type="" placeholder="Banner Title"
                                        name="details_on_banner" value="{{$event->details_on_banner}}">
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Register Button Enable/Disable</label>
                                    <div class="custom-control custom-radio mb-3">
                                        <input type="radio" id="customRadioe" class="custom-control-input" value="1"
                                            name="register_button" required
                                            {{$event->register_button == 1 ? 'checked' : '' }}>
                                        <label class="custom-control-label" for="customRadioe">Enable</label>
                                    </div>
                                    <div class="custom-control custom-radio mb-5">
                                        <input type="radio" id="customRadiod" class="custom-control-input" value="0"
                                            name="register_button" required
                                            {{$event->register_button == 0 ? 'checked' : '' }}>
                                        <label class="custom-control-label" for="customRadiod">Disable</label>
                                    </div>
                                </div>
                            </div>

                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Start Date and Time</label>
                                    <input class="form-control" type="datetime-local" placeholder="Date and Time"
                                        name="start_date_time" value="{{$event->start_date_time}}">
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>End Date and Time</label>
                                    <input class="form-control" type="datetime-local" placeholder="Date and Time"
                                        name="end_date_time" value="{{$event->end_date_time}}"
                                        onchange="getEventEndDate(this.value);">
                                </div>
                            </div>

                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>Description</label>
                                    <textarea class="form-control ckEditor" placeholder="Description"
                                        name="description">{!! html_entity_decode($event->description) !!}</textarea>
                                </div>
                            </div>
                        </div>
                        <div class="row ">

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Description Image <span class="text-danger">[1440 * 350]</span></label>
                                    <input class="form-control" type="file" placeholder="Description Image"
                                        name="desc_img" >
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Mobile Description Image <span class="text-danger">[390 * 486]</span></label>
                                    <input class="form-control" type="file" placeholder="Mobile Description Image"
                                        name="mobile_desc_img" >
                                </div>
                            </div>
                        </div>
                        <p><strong><b>Add Speakers</b></strong></p>
                        <div id="SpeakerDetails" class="mb-5">
                            @foreach($eventSpeakers as $speaker)
                            <div class="edit-speaker">
                                <div class="row">

                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>Speakers salutation</label>
                                            <select name="salutation_edit[{{$speaker->id}}][]" class="form-control"
                                                id="salutation">
                                                <option value="">--choose select--</option>
                                                <option value="Dr." {{$speaker->salutation == 'Dr.' ? 'selected' : ''}}>
                                                    Dr.</option>
                                                <option value="Mr." {{$speaker->salutation == 'Mr.' ? 'selected' : ''}}>
                                                    Mr.</option>
                                                <option value="Ms." {{$speaker->salutation == 'Ms.' ? 'selected' : ''}}>
                                                    Ms.</option>
                                                <option value="Shri."
                                                    {{$speaker->salutation == 'Shri.' ? 'selected' : ''}}>Shri.</option>
                                                <option value="Smt."
                                                    {{$speaker->salutation == 'Smt.' ? 'selected' : ''}}>Smt.</option>
                                                <option value="Prof."
                                                    {{$speaker->salutation == 'Prof.' ? 'selected' : ''}}>Prof.</option>
                                                <option value="Lt.Gen."
                                                    {{$speaker->salutation == 'Lt.Gen.' ? 'selected' : ''}}>Lt.Gen.
                                                </option>
                                                <option value="Gen."
                                                    {{$speaker->salutation == 'Gen.' ? 'selected' : ''}}>Gen.</option>
                                                <option value="Col."
                                                    {{$speaker->salutation == 'Col.' ? 'selected' : ''}}>Col.</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>Speakers Name</label>
                                            <input name="speaker_name_edit[{{$speaker->id}}][]" type="text"
                                                class="form-control" placeholder="Name" value="{{$speaker->name}}" />

                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>designation</label>
                                            <input name="speaker_designation_edit[{{$speaker->id}}][]" type="text"
                                                class="form-control" placeholder="designation"
                                                value="{{$speaker->designation}}" />
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>Profile</label>
                                            <input name="image_edit[{{$speaker->id}}][]" type="file"
                                                class="form-control" placeholder="Image" />
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>LinkedIn Profile</label>
                                            <input name="linkedin_profile_edit[{{$speaker->id}}][]" type="text"
                                                class="form-control" placeholder="LinkedIN Profile"
                                                value="{{$speaker->linkedin_profile}}" />
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>speaker short description</label>
                                            <textarea name="speaker_description_edit[{{$speaker->id}}][]" type="text"
                                                class="form-control"
                                                placeholder="description">{{$speaker->description}}</textarea>
                                        </div>
                                    </div>
                                </div>

                                <div class="text-end mb-5 ">

                                    <a href="{{url('admin/event-spaker-delete/'.$speaker->id)}}"
                                        class="btn bg-danger text-white fs-18 remove-speaker-edit float-right">-
                                        Remove</a>

                                </div>
                            </div>
                            @endforeach
                            <span class="btn bg-success text-white fs-18 mb-4" id="addSpeaker"
                                style="float:right;">Add</span>
                        </div>
                        <div id="AgendaDetails" style="margin-top:100px;">
                            <p><strong><b>Add Agenda</b></strong></p>

                            @foreach($eventagendas as $agenda)
                            <div class="row  mt-3 edit">
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label>Date</label>
                                        <input name="date[]" id="eventDates" type="date" value="{{$agenda->date}}"
                                            class="form-control">
                                    </div>
                                </div>

                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label>Start time</label>
                                        <input name="agenda_time[]" type="time" class="form-control" placeholder="times"
                                            value="{{$agenda->time}}" />
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label>End time</label>
                                        <input name="end_time[]" type="time" class="form-control" placeholder="end time"
                                            value="{{$agenda->end_time}}" />

                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label>activity</label>
                                        <input name="agenda_activity[]" type="text" class="form-control"
                                            placeholder="activity" value="{{$agenda->activity}}" />
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <a href="{{url('admin/event-agenda-delete/'.$agenda->id)}}"
                                        class="btn bg-danger text-white  remove-agenda-edit fs-18 "
                                        style="margin-bottom: -65px; float:right">- Remove</a>
                                </div>
                            </div>
                            @endforeach
                            <div class="row mt-5">
                                <div class="col-md-12">
                                    <span class="btn bg-success text-white fs-18 mb-4" id="addAgenda"
                                        style="float:right;">Add</span>
                                </div>

                            </div>
                        </div>

                        <!-- <div class="form-group">
                    <label>Sorting</label>
                    <input class="form-control" type="number" placeholder="Number"  name="sorting" value="{{$event->sorting}}">
                </div> -->
                        <div class="form-group mt-5">
                            <label>Event Venue Details</label>
                            <textarea class="form-control" name="venue_details"
                                placeholder="Event Venue Details">{{$event->venue_details}}</textarea>
                        </div>

                        <div class="form-group mt-5">
                            <label>Registration Link</label>
                            <input type="text" class="form-control" name="registration_link"
                                placeholder="Event Register Link" value="{{$event->registration_link}}" />
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group mt-5">
                                    <label>Register form required <sup><span class="text-danger"> *</span></sup></label>
                                    <input type="checkbox" value="1" name="register_form_status">
                                </div>
                            </div>
                            <div class="col-md-6" id="report_file" style="display:none;">
                                <label>Report file</label>
                                <input type="file" class="form-control" name="pdf_file" placeholder="PDF File" />
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Status</label>
                                    <div class="custom-control custom-radio mb-3">
                                        <input type="radio" id="customRadio1" class="custom-control-input" value="1"
                                            name="status" {{$event->status == 1 ? 'checked' : '' }}>
                                        <label class="custom-control-label" for="customRadio1">Active</label>
                                    </div>
                                    <div class="custom-control custom-radio mb-5">
                                        <input type="radio" id="customRadio2" class="custom-control-input" value="0"
                                            name="status" {{$event->status == 0 ? 'checked' : '' }}>
                                        <label class="custom-control-label" for="customRadio2">In-Active</label>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-6">
                                <label>Gallery Images [ multiple images can upload ]</label>
                                <input type="file" class="form-control" name="gallery_image[]"
                                    placeholder="Gallery Images" multiple="true" />
                                <a href="{{url('admin/event-previous-images/'.$event->id)}}"
                                    class="text-dark mt-2 btn btn-success btn-sm" style="float:right;">Previous
                                    Images</a>
                            </div>
                        </div>

                        <div class="form-group">
                            <label>Publish Status</label>
                            <div class="custom-control custom-radio mb-3">
                                <input type="radio" id="customRadio3" class="custom-control-input" value="1"
                                    name="publish_status" {{$event->publish_status == 1 ? 'checked' : '' }}>
                                <label class="custom-control-label" for="customRadio3">Publish</label>
                            </div>
                            <div class="custom-control custom-radio mb-3">
                                <input type="radio" id="customRadio4" class="custom-control-input" value="0"
                                    name="publish_status" {{$event->publish_status == 0 ? 'checked' : '' }}>
                                <label class="custom-control-label" for="customRadio4">Not Publish</label>
                            </div>
                            <!-- <div class="custom-control custom-radio mb-5">
                            <input type="radio" id="customRadio5"  class="custom-control-input" value="2" name="publish_status" {{$event->publish_status == 2 ? 'checked' : '' }}>
                            <label class="custom-control-label" for="customRadio5">Past</label>
                        </div> -->
                        </div>
                        <div class="form-group">
                            <button type="submit" class="btn btn-primary">Submit</button>
                            <a href="{{ url('admin/manage-events')}}" class="btn btn-danger">Cancel</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

<script>
$(document).ready(function() {
    var i = 0;
    $("#addSpeaker").click(function() {
        ++i;
        if (i == 1) {
            var pxl = '-10px';
        } else {
            var pxl = '0px';
        }
        $("#SpeakerDetails").append(
            `<div class="removeSpeakers">
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group" style="margin-left:` + pxl + `;">
                            <label>Speakers salutation</label>
                            <select name="salutation[]" class="form-control" id="salutation">
                                <option>--choose select--</option>
                                 <option value="Dr." >Dr.</option>
                                <option value="Mr." >Mr.</option>
                                <option value="Ms." >Ms.</option>
                                <option value="Shri." >Shri.</option>
                                <option value="Smt." >Smt.</option>
                                <option value="Prof." >Prof.</option>
                                <option value="Lt.Gen." >Lt.Gen.</option>
                                <option value="Gen." >Gen.</option>
                                <option value="Col." >Col.</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>Speakers Name</label>
                            <input name="speaker_name[]" type="text" class="form-control" placeholder="Name"/>
                            
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>designation</label>
                            <input name="speaker_designation[]" type="text" class="form-control" placeholder="designation"/>
                        </div>
                    </div>
                </div>
                <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label>Profile</label>
                                <input name="image[]" type="file" class="form-control" placeholder="Image"/>
                            </div>
                        </div>
                        <div class="col-md-4">
                                <div class="form-group">
                                    <label>Profile</label>
                                    <input name="linkedin_profile[]" type="text" class="form-control" placeholder="LinkedIN Profile"/>
                                </div>
                        </div>

                    <div class="col-md-4">
                        <div class="form-group">
                            <label>speaker short description</label>
                            <textarea name="speaker_description[]" type="text" class="form-control" placeholder="description"></textarea>
                        </div>
                    </div>
                </div>
                <div class="text-end mb-5 ">
                     <span class="btn bg-danger text-white fs-18 remove-input float-right" >- Remove</span>
                </div>
            </div>
            `
        );
    });

});
$(document).on('click', '.remove-input', function() {
    $(this).parents('.removeSpeakers').remove();
});
</script>
<script>
$(document).ready(function() {
    var i = 0;
    $("#addAgenda").click(function() {
        ++i;
        if (i == 1) {
            var pxl = '-10px';
        } else {
            var pxl = '0px';
        }
        $("#AgendaDetails").append(
            `<div class="removeAgenda mt-5">
                <div class="row">
                    <div class="col-md-3">
                        <div class="form-group" style="margin-left:` + pxl + `;">
                            <label>Date</label>
                            <input name="date[]" id="eventDates" type="date" class="form-control">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label>Start time</label>
                            <input name="agenda_time[]" type="time" class="form-control" placeholder="times"/>
                        </div>
                    </div>
                    <div class="col-md-3">
                            <div class="form-group">
                                <label>End time</label>
                                <input name="end_time[]" type="time" class="form-control" placeholder="end time"/>
                            </div>
                        </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label>activity</label>
                            <input name="agenda_activity[]" type="text" class="form-control" placeholder="activity"/>
                        </div>
                    </div>
                </div>
                <div class=" text-end mb-5 ">
                     <span class="btn bg-danger text-white fs-18 float-right remove-agenda-input" >- Remove</span>
                </div>
            </div>
            `
        );
    });

});
$(document).on('click', '.remove-agenda-input', function() {
    $(this).parents('.removeAgenda').remove();
});

// $(document).on('click', '.remove-agenda-edit', function () {
// //  console.log('test');
//     // $(this).parents('.edit').remove();
//     // $(this).parents('.edit').show();
//     editBtn = document.querySelector('.edit').remove().parents();

//     // editBtn.style.display = "none";

// });

$(document).on('click', '.remove-speaker-edit', function() {
    $(this).parents('.edit-speaker').remove();
});
</script>
@if(isset($event->end_date_time))
<script>
value = JSON.parse(`null`);
var today = new Date();
var endDate = new Date(value);
if (today < endDate) {
    $('#report_file').hide();
} else {
    $('#report_file').show();
}
</script>
@endif
<script>
function getEventEndDate(value) {
    var today = new Date();
    var endDate = new Date(value);
    if (today < endDate) {
        $('#report_file').hide();
    } else {
        $('#report_file').show();
    }
}
</script>
@endsection