@extends('admin_template')
@section('content')
<br><br>
<section class="quiz_set_add_edit mt-5 mb-5">
	<div class="container">
		<div class="row justify-content-center">
            <div class="col-md-12 text-center">
                {{ status_error(); }}
                <h4>{{isset($mode) && $mode == 'update' ? 'Update' : 'Save'}} Audience Type.</h4>
                <br>
            </div>
            <div class="col-md-8">
                <form class="row form" id="audience_type_form" action="{{isset($mode) && $mode == 'update' ? 'audience_type-update' : 'audience_type-insert'}}" method="post">
                    @csrf
                    <input type="hidden" name="data[id]" value="{{ @$result['id'] }}">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="mb-3">
                                <div class="form-check form-check-inline">
                                  <input class="form-check-input" type="checkbox" id="Delegate" value="Delegate" name="type[]">
                                  <label class="form-check-label" for="Delegate">Delegate</label>
                                </div>
                                <div class="form-check form-check-inline">
                                  <input class="form-check-input" type="checkbox" id="Speaker" value="Speaker" name="type[]">
                                  <label class="form-check-label" for="Speaker">Speaker</label>
                                </div>
                                <div class="form-check form-check-inline">
                                  <input class="form-check-input" type="checkbox" id="Exhibitor" value="Exhibitor" name="type[]">
                                  <label class="form-check-label" for="Exhibitor">Exhibitor/Sponsors</label>
                                </div>
                                <div class="form-check form-check-inline">
                                  <input class="form-check-input" type="checkbox" id="Media" value="Media" name="type[]">
                                  <label class="form-check-label" for="Media">Media</label>
                                </div>
                                <div class="form-check form-check-inline">
                                  <input class="form-check-input" type="checkbox" id="Crew" value="Crew" name="type[]">
                                  <label class="form-check-label" for="Crew">Crew</label>
                                </div>
                                <div class="form-check form-check-inline">
                                  <input class="form-check-input" type="checkbox" id="Employee" value="Employee" name="type[]">
                                  <label class="form-check-label" for="Employee">Employee</label>
                                </div>
                                <div class="form-check form-check-inline">
                                  <input class="form-check-input" type="checkbox" id="other" value="other">
                                  <label class="form-check-label" for="other">Other</label>
                                </div>
                            </div>
                            <div class="mb-3 othertype">
                                <label for="name">Name</label>
                                <input type="text" class="form-control" id="name" name="data[name]" value="{{ isset($result['name']) ? $result['name'] : ''}}">
                            </div>
                            <div class="mb-3">
                                <label for="color">Color:</label>
                                <input type="color" class="rounded" id="color" name="data[color]" value="{{ isset($result['color']) ? $result['color'] : ''}}">
                            </div>
							<div class="mb-3">
                                <label for="color_name">Color Name:</label>
                                <input type="text" class="form-control" id="color_name" name="data[color_name]" value="{{ isset($result['color_name']) ? $result['color_name'] : ''}}">
                            </div>
                            <div class="mb-3">
                                <label for="event">Event Name</label>
                                <select name="event" class="form-control">
                                    <option value="">Select Event</option>
                                                                        @if(isset($event) && is_array($event) && count($event) > 0)
                                        @foreach($event as $key=>$val)
                                            <option value="{{$val['event_key'].'-'.$val['event_id'].'-'.$val['name']}}" {{ isset($eventname) && $eventname == $val['event_key'].'-'.$val['event_id'].'-'.$val['name'] ? 'selected' : ''  }}>
                                                {{$val['name']}}
                                            </option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <input type="hidden" class="form-check-input" id="active" name="data[status]" value="1">
                            <!-- <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 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 class="col-md-4">
                <p>Instructions:</p>
                <ul>
                    <li>When Adding color to the Audience type only one type should be added to the database at a time. </li>
                    <li>If Color is not needed multiple Audience type can be added at once with the checkbox.</li>
                </ul>
            </div>
        </div>
</section>
<br><br>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $(".othertype").hide();
    $("#other").click(function() {
        if($(this).is(":checked")) {
            $(".othertype").show(300);
        } else {
            $(".othertype").hide(200);
        }
    });
    
    $("#audience_type_form").validate({
        rules:
        {
            /* 'type[]': {
                 required: true
            },
             'data[color_name]': {
                 required: true
             },*/
            'event': {
                 required: true
            },
        }, 
        errorElement: 'p',
        errorPlacement: function (error, element) {
            error.insertAfter(element);
        }
    });
});
</script>
@endsection