@extends('kiosk.kiosk_template')
@section('content')

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <META http-equiv="Content-Type" content="text/html; charset= ISO-8859-1">
      
<link href="{{ asset('assets/css/bootstrap5.2.3.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('assets/css/mystyle.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('assets/fonts/fontawesome.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('assets/fonts/solid.css') }}" rel="stylesheet" type="text/css" />  

      
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  

<section class="quiz_set_add_edit mb-5">
    <div class="container-fluid">
        <div class="row">
                <div class="col-md-12 text-start bgcolor2 pt-4 pb-4 border-bottom mb-4">
                    <h4>Registration</h4>
                </div>
                <form class="form" id="eventform" action="{{url('open_event_registration-submit'); }}" method="post">
                    @csrf

                    <input type="hidden" name="event_key" value="{{ $_GET['event_key'] }}">
                    <input type="hidden" name="event_id" value="{{ $_GET['event_id'] }}">
                    <input type="hidden" name="data[self_registration]" value="1">
                    <input type="hidden" name="data[audience_status]" value="6">
                    <div class="row row-cols-1 row-cols-lg-3 p-4 bg-white box-shadow">
                        <div class="col">
                            <div class="mb-3">
                                <label for="name">First Name</label>
                                <input type="text" class="form-control" id="fname" name="data[fname]" value="{{ isset($result['fname']) ? $result['fname'] : ''}}">
                            </div>
                        </div>
                        <div class="col">
                            <div class="mb-3">
                                <label for="name">Last Name</label>
                                <input type="text" class="form-control" id="lname" name="data[lname]" value="{{ isset($result['lname']) ? $result['lname'] : ''}}">
                            </div>
                        </div>
                        <div class="col">
                            <div class="mb-3">
                                <label for="email">Email ID</label>
                                <input type="email" class="form-control" id="email" name="data[email]" value="{{ isset($result['email']) ? $result['email'] : ''}}">
                            </div>
                        </div>
                        <div class="col">
                            <div class="mb-3">
                                <label for="contact">Phone Number</label>
                                <input type="text" class="form-control" id="contact" name="data[contact]" value="{{ isset($result['contact']) ? $result['contact'] : ''}}">
                            </div>
                        </div>
                        <div class="col">
                            <div class="mb-3">
                                <label for="designation">Designation</label>
                                <input type="text" class="form-control" id="designation" name="data[designation]" value="{{ isset($result['designation']) ? $result['designation'] : ''}}">
                            </div>
                        </div>
                        <div class="col">
                            <div class="mb-3">
                                <label for="job_title">Job Type</label>
                                <!-- <input type="text" class="form-control" id="job_title" name="data[job_title]" value="{{ isset($result['job_title']) ? $result['job_title'] : ''}}"> -->
                                <select class="form-control" name="data[job_title]">
                                    <option value="">Please Select</option>
                                    <option value="Academic / Researcher">Academic / Researcher</option>
                                    <option value="Advisor / Consultant">Advisor / Consultant</option>
                                    <option value="Business Executive">Business Executive</option>
                                    <option value="Developer / Engineer">Developer / Engineer</option>
                                    <option value="Entrepreneur (Founder/Co-Founder)">Entrepreneur (Founder/Co-Founder)</option>
                                    <option value="IT Executive">IT Executive</option>
                                    <option value="IT Professional or Technical Manager">IT Professional or Technical Manager</option>
                                    <option value="Press / Media Analyst">Press / Media Analyst</option>
                                    <option value="Sales / Marketing">Sales / Marketing</option>
                                    <option value="Student">Student</option>
                                    <option value="Solution or Systems Architect">Solution or Systems Architect</option>
                                    <option value="System Administrator">System Administrator</option>
                                    <option value="Venture Capitalist">Venture Capitalist</option>
                                  </select>
                            </div>
                        </div>
                        <div class="col">
                            <div class="mb-3">
                                <label for="company">Company</label>
                                <input type="text" class="form-control" id="company" name="data[company]" value="{{ isset($result['company']) ? $result['company'] : ''}}">
                            </div>
                        </div>
                        <div class="col">
                            <div class="mb-3">
                                <label for="industry">Industry</label>
                                <!-- <input type="text" class="form-control" id="industry" name="data[industry]" value="{{ isset($result['industry']) ? $result['industry'] : ''}}"> -->
                                <select class="form-control" name="data[industry]">
                                    <option value="">Please Select</option>
                                    <option value="Aerospace">Aerospace</option>
                                    <option value="Agriculture">Agriculture</option>
                                    <option value="Automotive">Automotive</option>
                                    <option value="Computers &amp; Electronics">Computers &amp; Electronics</option>
                                    <option value="Consumer Goods">Consumer Goods</option>
                                    <option value="Education">Education</option>
                                    <option value="Financial Services">Financial Services</option>
                                    <option value="Gaming">Gaming</option>
                                    <option value="Government">Government</option>
                                    <option value="Healthcare">Healthcare</option>
                                    <option value="Hospitality">Hospitality</option>
                                    <option value="Life Sciences">Life Sciences</option>
                                    <option value="Manufacturing">Manufacturing</option>
                                    <option value="Marketing &amp; Advertising">Marketing &amp; Advertising</option>
                                    <option value="Media &amp; Entertainment">Media &amp; Entertainment</option>
                                    <option value="Mining">Mining</option>
                                    <option value="Non-Profit Organization">Non-Profit Organization</option>
                                    <option value="Oil &amp; Gas">Oil &amp; Gas</option>
                                    <option value="Other">Other</option>
                                    <option value="Power &amp; Utilities">Power &amp; Utilities</option>
                                    <option value="Professional Services">Professional Services</option>
                                    <option value="Real Estate &amp; Construction">Real Estate &amp; Construction</option>
                                    <option value="Retail">Retail</option>
                                    <option value="Software &amp; Internet">Software &amp; Internet</option>
                                    <option value="Telecommunications">Telecommunications</option>
                                    <option value="Transportation &amp; Logistics">Transportation &amp; Logistics</option>
                                    <option value="Travel">Travel</option>
                                    <option value="Wholesale &amp; Distribution">Wholesale &amp; Distribution</option>
                                </select>
                            </div>
                        </div>
                        <div class="col">
                            <div class="mb-3">
                                <label for="usertype">Audience Type</label>
                                <select class="form-control" name="data[usertype]">
                                    <option value="">Select Type</option>
                                                                    </select>

                            </div>
                        </div>
                        
                        <div class="row">
                            <div class="col-sm-12 text-end">
                                <button type="submit" class="btn-info pt-2 pb-2">Save</button>
                            </div>
                        </div>
                    </div>  
                </form>
        </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>
<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(){
    $("#eventform").validate({
       rules:
       {
              'data[salutation]' : {
                required: true
              },
              'data[fname]': {
                required: true
              },
              'data[lname]': {
                required: true
              },
              'data[email]': {
                required: true,
                email:true
              },
              'data[contact]': {
                required: true,
                number:true
              },
              'data[company]': {
                required: true
              },
              'data[designation]': {
                required: true
              },
              'data[job_type]': {
                required: true
              },
              'data[company_type]': {
                required: true
              },
              'data[city]': {
                required: true
              },
              'data[zipcode]': {
                required: true
              },
              'data[consent1]': {
                required: true
              },
              'data[job_level]': {
                required: true
              },
              'data[usertype]': {
                required: true
              },
              'data[industry]': {
                required: true
              },
       }, 
       errorElement: 'p',
       errorPlacement: function (error, element) {
        if(element.is( ":radio" ) || element.is( ":checkbox" )){
            error.insertAfter(element.parents('.error_div'));
        }
        else {
            error.insertAfter(element);
        }
    //    error.insertAfter(element);
       }
    });
});
</script>

@endsection