@extends('admin_template')
@section('content')
<br><br>
<section class="quiz_set_add_edit mt-5 mb-5">
	<div class="container">
		<div class="row">
            <div class="col-md-12 text-center">
                {{ status_error(); }}
                <h4>{{isset($mode) && $mode == 'update' ? 'Update' : 'Add New'}} Event.</h4>
            </div>
            <div class="col-md-8 offset-md-2">
                <form class="row form" id="eventform" action="{{isset($mode) && $mode == 'update' ? 'event-update' : 'event-insert'}}" method="post" enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="data[id]" value="{{ @$result['id'] }}">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="mb-3">
                                <label for="name">Name</label>
                                <input type="text" class="form-control" id="name" name="data[name]" value="{{ isset($result['name']) ? $result['name'] : ''}}">
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="mb-3">
                                <label for="client">Event Client</label>
                                <input type="text" class="form-control" id="client" name="data[client]" value="{{ isset($result['client']) ? $result['client'] : ''}}">
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="mb-3">
                                <label for="client">Client Responsible Person</label>
                                <input type="text" class="form-control" id="client_responsible_name" name="data[client_responsible_name]" value="{{ isset($result['client_responsible_name']) ? $result['client_responsible_name'] : ''}}">
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="mb-3">
                                <label for="client">Client Responsible Person Email</label>
                                <input type="text" class="form-control" id="client_responsible_email" name="data[client_responsible_email]" value="{{ isset($result['client_responsible_email']) ? $result['client_responsible_email'] : ''}}">
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="mb-3">
                                <label for="client">Client Responsible Person Phone</label>
                                <input type="text" class="form-control" id="client_responsible_phone" name="data[client_responsible_phone]" value="{{ isset($result['client_responsible_phone']) ? $result['client_responsible_phone'] : ''}}">
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="mb-3">
                                <label for="address">Event Address</label>
                                <input type="text" class="form-control" id="address" name="data[address]" value="{{ isset($result['address']) ? $result['address'] : ''}}">
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="mb-3">
                                <label for="city">Event City</label>
                                <input type="text" class="form-control" id="city" name="data[city]" value="{{ isset($result['city']) ? $result['city'] : ''}}">
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="mb-3">
                                <label for="start_date">Event Date</label>
                                <input type="text" class="form-control" id="start_date" name="event_date" value="{{ isset($result['event_date']) ? $result['event_date'] : ''}}" autocomplete="off">
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="mb-3">
                                <label for="start_date">Assign Users</label>
                                <select class="form-control" name="assign_users_event[]" id="assign_user_event" multiple>
                                                                        
                                </select>
                            </div>
                        </div>
                        <!-- <div class="col-md-3">
                            <div class="mb-3">
                                <div class="custom-file">
                                    <input type="hidden" name="delete_feature_img" id="delete">
                                                                        <label id="feature_img_lbl" >Logo</label>
                                    <input  type="file" name="feature_img" id="imgInp" class="form-control">
                                </div>
                            </div>
                        </div> -->
                        <!-- <div class="col-md-3">
                            <div class="mb-3">
                                <label for="address">Event 1st Color</label>
                                <input type="color" id="primary_color" name="data[primary_color]" class="form-control"  value="{{ isset($result['primary_color']) ? $result['primary_color'] : ''}}">
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="mb-3">
                                <label for="address">Event 2nd Color</label>
                                <input type="color" id="second_color" name="data[second_color]" class="form-control"  value="{{ isset($result['second_color']) ? $result['second_color'] : ''}}">
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="mb-3">
                                <label for="address">Event 3rd Color</label>
                                <input type="color" id="third_color" name="data[third_color]" class="form-control"  value="{{ isset($result['third_color']) ? $result['third_color'] : ''}}">
                            </div>
                        </div> -->
                        <div class="col-md-12">
                            <br><br>
                            <h5>EVENT Requirements</h5>
                            <hr>
                            <div class="mb-3">
                                <label for="req_badge">Event Badge</label>
                                <input type="checkbox" id="req_badge" name="data[req_badge]" value="1" {{ isset($result['req_badge']) && $result['req_badge'] == 1 ? 'checked' : ''}}>
                            </div>
                            <div class="mb-3">
                                <label for="req_marketo">Event Marketo Integration</label>
                                <input type="checkbox" id="req_marketo" name="data[req_marketo]" value="1" {{ isset($result['req_marketo']) && $result['req_marketo'] == 1 ? 'checked' : ''}}>
                            </div>
                            <div class="mb-3">
                                <label for="req_hallsess">Event Has Halls & Sessions</label>
                                <input type="checkbox" id="req_hallsess" name="data[req_hallsess]" value="1" {{ isset($result['req_hallsess']) && $result['req_hallsess'] == 1 ? 'checked' : ''}}>
                            </div>
                            <div class="mb-3" id="assign_hall_div">
                                <label for="Assignable_hallsession">Event Has Assignable Halls and Sessions</label>
                                <input type="checkbox" id="Assignable_hallsession" name="data[Assignable_hallsession]" value="1" {{ isset($result['Assignable_hallsession']) && $result['Assignable_hallsession'] == 1 ? 'checked' : ''}}>
                            </div>
                            <div class="mb-3">
                                <label for="req_booth">Event Has Booths</label>
                                <input type="checkbox" id="req_booth" name="data[req_booth]" value="1" {{ isset($result['req_booth']) && $result['req_booth'] == 1 ? 'checked' : ''}}>
                            </div>
                            <div class="mb-3">
                                <label for="req_gift">Event Has Gifts/Kits</label>
                                <input type="checkbox" id="req_gift" name="data[req_gift]" value="1" {{ isset($result['req_gift']) && $result['req_gift'] == 1 ? 'checked' : ''}}>
                            </div>
                            <div class="mb-3">
                                <label for="req_kiosk">Event Has Kiosk</label>
                                <input type="checkbox" id="req_kiosk" name="data[req_kiosk]" value="1" {{ isset($result['req_kiosk']) && $result['req_kiosk'] == 1 ? 'checked' : ''}}>
                            </div>
                            <div class="mb-3">
                                <label for="req_pwapp">Event Has App</label>
                                <input type="checkbox" id="req_pwapp" name="data[req_pwapp]" value="1" {{ isset($result['req_pwapp']) && $result['req_pwapp'] == 1 ? 'checked' : ''}}>
                            </div>
                            <div class="mb-3">
                                <label for="req_pointr">Event Has Point Redemption</label>
                                <input type="checkbox" id="req_pointr" name="data[req_pointr]" value="1" {{ isset($result['req_pointr']) && $result['req_pointr'] == 1 ? 'checked' : ''}}>
                            </div>
                            <div class="mb-3">
                                <label for="req_efeed">Event Has EventFeed</label>
                                <input type="checkbox" id="req_efeed" name="data[req_efeed]" value="1" {{ isset($result['req_efeed']) && $result['req_efeed'] == 1 ? 'req_efeed' : ''}}>
                            </div>
                            <div class="mb-3">
                                <label for="req_feedback">Event Has Feedback</label>
                                <input type="checkbox" id="req_feedback" name="data[req_feedback]" value="1" {{ isset($result['req_feedback']) && $result['req_feedback'] == 1 ? 'checked' : ''}}>
                            </div>
                            <div class="mb-3">
                                <label for="req_notification">Event Has Notification</label>
                                <input type="checkbox" id="req_notification" name="data[req_notification]" value="1" {{ isset($result['req_notification']) && $result['req_notification'] == 1 ? 'checked' : ''}}>
                            </div>
                            <div class="mb-3">
                                <label for="req_poll">Event Has Poll</label>
                                <input type="checkbox" id="req_poll" name="data[req_poll]" value="1" {{ isset($result['req_poll']) && $result['req_poll'] == 1 ? 'checked' : ''}}>
                            </div>
                            <!-- <div class="mb-3">
                                <label for="req_qr">Event Has QR Code</label>
                                <input type="checkbox" id="req_qr" name="data[req_qr]" value="1" {{ isset($result['req_qr']) && $result['req_qr'] == 1 ? 'checked' : ''}}>
                            </div> -->
                        </div>
                        <!-- <div class="col-md-12">
                            <div class="mb-3 form-check">
                                <input type="radio" class="form-check-input" id="active" name="data[status]" value="1" {{ isset($result['status']) && $result['status'] == 1 ? 'checked':'checked'; }}>
                                <label class="form-check-label" for="active">Active</label>
                            </div>
                            <div class="mb-3 form-check">
                                <input type="radio" class="form-check-input" id="inactive" name="data[status]" value="2" {{ isset($result['status']) && $result['status'] == 2 ? 'checked':''; }}>
                                <label class="form-check-label" for="inactive">Inactive</label>
                            </div>
                        </div> -->
                    </div>
                    <div class="row">
                        <div class="col-sm-12 text-end">
                            <button type="submit" class="btn btn-de-primary px-4">{{isset($mode) && $mode == 'update' ? 'Update' : 'Save'}}</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
</section>
<br><br>

<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/jquery.multiselect.css') }}">
<script src="{{ asset('assets/js/jquery.multiselect.js') }}"></script>

<script type="text/javascript">
$(function() {
    $('input[name="event_date"]').daterangepicker({
        timePicker: true,
        "locale": {
            "format": "DD-MM-YYYY hh:mm A",
        },
        opens: 'left',
        "alwaysShowCalendars": true,
    });
});

$(document).ready(function(){

    $("#assign_hall_div").hide();    

    // $("#assign_hall_div").hide();
    $("#req_hallsess").click(function() {
        if($(this).is(":checked")) {
            $("#assign_hall_div").show(300);
        } else {
            $("#assign_hall_div").hide(200);
        }
    });

    $('#assign_user_event').multiselect({
        noneSelectedText: 'Select Something (required)',
        placeholder: 'Select User',
        search: true,
        selectAll: true
    });

    $('#assign_user_event').on('change', function() {
        $(this).valid(); 
    });

    $("#eventform").validate({
        rules:
        {
            'data[name]': {
                required: true
            },
            'data[client]': {
                required: true
            },
            'data[city]': {
                required: true
            },
            'event_date': {
                required: true
            },
            'assign_users_event[]': {
                required: true,
            },
            'feature_img': {
                required: true,
            },
            'data[address]': {
                required: true,
            }
        }, 
        ignore: ':hidden:not("#assign_user_event")',
        errorElement: 'p',
        errorPlacement: function (error, element) {
            error.insertAfter(element);
        }
    });

});
</script>
@endsection