@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' : 'Save'}} Hall.</h4>
            </div>
            <div class="col-md-8 offset-md-2">
                <form class="row form" id="eventform" action="{{isset($mode) && $mode == 'update' ? 'hall-event-update' : 'hall-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>
                    <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>
		<!-- <div class="row">
			<div class="col-md-8 offset-md-2">
				<form action="{{ isset($mode) && $mode!='update' ? 'quiz-set-update' : 'quiz-set-insert'; }}" method="post">
					<input type="text" name="id" value="{{isset($setdata['id']) ? $setdata['id'] :''}}">

				</form>
			</div>
		</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>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://www.thecareerhub.com/admin/css/jquery.multiselect.css">
<script src="https://www.thecareerhub.com/admin/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(){
    jQuery('#assign_user_event').multiselect({
        //columns: 1,
        placeholder: 'Select User',
        search: true,
        selectAll: true
    });

    $("#eventform").validate({
       rules:
       {
          'name': {
            required: true
          },
          'start_date': {
            required: true
          },
          'end_date': {
            required: true
          },
          'address': {
            required: true
          },
          'event_client': {
            required: true
          },
          'responsible_name': {
            required: true
          },
       }, 
       errorElement: 'p',
       errorPlacement: function (error, element) {
       error.insertAfter(element);
       }
    });
});
</script>
@endsection