@extends('admin_template')
@section('content')
<main class="main-con">
<section class="breadcrumb-con">
			<div class="container-fluid">
			<div class="row row-cols-1 row-cols-md-2">
				<div class="col align-self-center">
					<h5>Halls & Session: {{ $event['name'] }}</h5>
				</div>
				<div class="col align-self-center">
					<div class="row justify-content-end g-2">
            @if($session['role'] == 2 || $session['role'] == 1 || $session['role'] == 8) 
						<div class="col-auto align-self-center">
							<a href="{{ url('audience-event-list').'?event_id='.$_GET['event_id'].'&event_key='.$_GET['event_key'] }}" class="btn-info pt-1 pb-1" title="Add Checkpoint">Audience</a>
						</div>
            @endif
						<div class="col-auto align-self-center">
							@if($session['role'] == 2 || $session['role'] == 1) 
								<a href=""  data-bs-toggle="modal" data-bs-target="#event-hall" class="btn-warning pt-1 pb-1" title="Add Checkpoint">Add Hall</a>   
							@endif
						</div>
						<div class="col-auto align-self-center">
							<a href="{{ url('event-halls?event_id='.$sess_event['id'].'&event_key='.$sess_event['unique_key']); }}" class="btn-reject  pt-1 pb-1" title="View Event">View All</a> 
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				 <div class="col-lg-12">
					{{ status_error(); }}
				</div>	
			</div>	
		</div>	
	</section>
  
<section>
	<div class="container-fluid">
		<div class="row">
		<div class="col-12">
      <ul class="nav nav-tabs d-none d-lg-flex" id="myTab" role="tablist">
      			</ul>


			<div class="tab-content accordion" id="myTabContent">
        			</div>
		</div> 
	</div>	
	</div>  
</section>
	
</main>


<!-- <section class="hall-session-list mt-5 mb-5">
  <div class="container">
    <div class="row">                               
        <div class="card">
          <div class="card-body">
            <div class="col-md-12">
              <div class="accordion" id="accordionPanelsStayOpenExample">
                              </div>
            </div>
          </div>
        </div>
    </div>
  </div>
</section> -->

<div class="modal fade" id="event-hall" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header bgcolor1">
          <h5 class="modal-title" id="exampleModalLabel">Add Hall for Event : {{$event['name']}}</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
          <form class="row form" id="hallform" action="{{isset($mode) && $mode == 'update' ? url('hall-event-update') : url('hall-event-insert')}}" method="post">
              @csrf
              <input type="hidden" name="event_id" value="{{ @$_GET['event_id'];  }}">
              <input type="hidden" name="event_key" value="{{ @$_GET['event_key'];  }}">
              <input type="hidden" name="hall_id" value="" id="hall_id">

              <input type="hidden" name="data[event_id]" value="{{ $event['id'] }}">
                  <div class="col-md-12">
                      <div class="mb-3">
                          <label for="name">Hall Name</label>
                          <input type="text" class="form-control" id="hall_name" name="data[name]" value="{{ isset($result['name']) ? $result['name'] : ''}}">
                      </div>
                  </div>
                  <div class="col-md-12">
                      <div class="mb-3">
                          <label for="description">Hall Description</label>
                          <textarea class="form-control" id="description" name="data[description]">{{ isset($result['description']) ? $result['description'] : ''}}</textarea>
                      </div>
                  </div>
              </div>
              <div class="row pb-2 mx-2">
                  <div class="col-sm-12 text-end">
                      <button type="submit" class="btn btn-primary px-4">{{isset($mode) && $mode == 'update' ? 'Update' : 'Save'}}</button>
                      <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                  </div>
              </div>
          </form>
        </div>
        <!-- <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
        </div> -->
      </div>
    </div>

<div class="modal fade" id="event-session" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header bgcolor1">
          <h5 class="modal-title" id="exampleModalLabel">Add Session In Hall Event: {{$event['name']}}</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
          <!-- <form class="row form" id="eventformsession" action="{{isset($mode) && $mode == 'update' ? 'session-event-update' : 'session-event-insert'}}" method="post">
              @csrf
              <input type="hidden" name="event_id" value="{{ @$_GET['event_id'];  }}">
              <input type="hidden" name="event_key" value="{{ @$_GET['event_key'];  }}">
              <input type="hidden" name="data[event_id]" value="{{ $event['id'] }}">
              <input type="hidden" name="data[hall_id]" id="hallid" value="">
              <input type="hidden" name="sessionid" id="sessionid" value="">
                  <div class="col-md-12">
                      <div class="mb-3">
                          <label for="name">Session 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="description">Session Description</label>
                          <textarea class="form-control" id="sessiondescription" name="data[description]">{{ isset($result['description']) ? $result['description'] : ''}}</textarea>
                      </div>
                  </div>
                  <div class="col-md-12">
                      <div class="mb-3">
                          <label for="capacity">Session Capacity</label>
                          <input type="text" class="form-control" id="capacity" name="data[capacity]" value="{{ isset($result['capacity']) ? $result['capacity'] : ''}}">
                      </div>
                  </div>
                  <div class="col-md-12">
                      <div class="mb-3">
                          <label for="session_start">Session Start time</label>
                          <input type="datetime-local" class="form-control" id="session_start" name="session_start" value="{{ isset($result['session_start']) ? $result['session_start'] : ''}}">
                      </div>
                  </div>
                  <div class="col-md-12">
                      <div class="mb-3">
                          <label for="session_end">Session End time</label>
                          <input type="datetime-local" class="form-control" id="session_end" name="session_end" value="{{ isset($result['session_end']) ? $result['session_end'] : ''}}">
                      </div>
                  </div>
              </div>
              <div class="row pb-2 mx-2">
                  <div class="col-sm-12 text-end">
                      <button type="submit" class="btn btn-primary px-4">{{isset($mode) && $mode == 'update' ? 'Update' : 'Save'}}</button>
                      <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                  </div>
              </div>
          </form> -->
        </div>
        <!-- <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
        </div> -->
      </div>
    </div>
</div>
<script type="text/javascript">
function get_hall_id(hallid)
{
  $('#hallid').val(hallid);
}

function edit_hall(h_id)
{
  $.ajax({
    url:"{{url('hall-event-edit')}}",
    type:'POST',
    data:{"_token": "{{ csrf_token() }}", hall_id:h_id, eid:'', ekey:''},
    error:err=>{
      console.log(err)
    },
    success:function(resp){
      resp = JSON.parse(resp);
      $('#hall_name').val(resp.name);
      $('#description').val(resp.description);
      $('#hall_id').val(resp.id);
      $('#hallform').attr('action', "{{ url('hall-event-update') }}" );
      $('#event-hall').modal('show');
    }
  })
}

function edit_session(hallid, sessionid)
{
  $.ajax({
    url:"{{url('session-event-edit')}}",
    type:'POST',
    data:{"_token": "{{ csrf_token() }}", hall_id:hallid, session_id:sessionid, eid:'', ekey:''},
    error:err=>{
      console.log(err)
    },
    success:function(resp){
      resp = JSON.parse(resp);
      console.log(resp);
      $('#name').val(resp.name);
      $('#sessiondescription').val(resp.description);
      $('#capacity').val(resp.capacity);
      $('#session_start').val(resp.session_start);
      $('#session_end').val(resp.session_end);
      $('#sessionid').val(resp.id);
      $('#eventformsession').attr('action', "{{ url('session-event-update') }}" );
      $('#event-session').modal('show');
    }
  })
}
$(document).ready(function(){
    $("#hallform").validate({
       rules:
       {
            'data[name]':{
              required: true,
            },
            'data[description]':{
              required: true,
            }
       }, 
       errorElement: 'p',
       errorPlacement: function (error, element) {
       error.insertAfter(element);
       }
    });

    $("#eventformsession").validate({
       rules:
       {
            'data[name]':{
              required: true,
            },
            'data[description]':{
              required: true,
            },
            'data[capacity]':{
              required: true,
            },
            'session_start':{
              required: true,
            },
            'session_end':{
              required: true,
            }
       }, 
       errorElement: 'p',
       errorPlacement: function (error, element) {
       error.insertAfter(element);
       }
    });
});


</script>

@endsection