@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>All Gifts / Kit for Event : {{ $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)
						<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>
						<div class="col-auto align-self-center">
							<a href=""  data-bs-toggle="modal" data-bs-target="#event-gift" class="btn-warning pt-1 pb-1" title="Add Checkpoint">Add New</a> 
						</div>
						@endif
					</div>
				</div>
			</div>
		</div>	
	</section>
	<div class="col-12">{{ status_error(); }}</div>	
	
	<section>
		<div class="container-fluid">
			<div class="row">
				<div class="col-12">
					<div id="no-more-tables">
						<table class="col-md-12 table-bordered table-striped table-condensed cf bg-white">
							<thead class="cf">
								<tr>
									<th class="numeric bg-m pt-2 pb-2">Sr. No.</th>
									<th class="numeric bg-m pt-2 pb-2">Gift</th>
									<th class="numeric bg-m pt-2 pb-2">Description</th>
									<th class="numeric bg-m pt-2 pb-2">Total Gifts</th>
									<th class="numeric bg-m pt-2 pb-2">Gift Given</th>
									<th class="numeric bg-m pt-2 pb-2">Gift Left</th>
									<th class="numeric bg-m pt-2 pb-2">Status</th>
									<th class="numeric bg-m pt-2 pb-2">Created Date</th>
									<th class="numeric bg-m pt-2 pb-2">Action</th>
								</tr>
							</thead>
							<tbody>
															</tbody>
						</table>
        			</div>	
				</div>
			</div>
		</div>
		
	</section>
</main>





<div class="modal fade" id="event-gift" 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 Gift / Kit 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="giftform" action="{{isset($mode) && $mode == 'update' ? 'gift-event-update' : 'gift-event-insert'}}" method="post">
              @csrf
              <input type="hidden" name="data[event_id]" value="{{ $event['id'] }}">
              <input type="hidden" name="event_key" id="event_key" value="{{ @$_GET['event_key'] }}">
              <input type="hidden" name="gift_id" id="giftid">
                  <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="description">Description</label>
                          <textarea class="form-control" id="description" name="data[description]">{{ isset($result['description']) ? $result['description'] : ''}}</textarea>
                      </div>
                  </div>
                  <div class="col-md-12">
                      <div class="mb-3">
                          <label for="total">Total</label>
                          <input type="text" class="form-control" id="total" name="data[total]" value="{{ isset($result['total']) ? $result['total'] : ''}}">
                      </div>
                  </div>
              </div>
              <div class="row justify-content-end p-3">
                  <div class="col-sm-4 text-end">
                      <button type="submit" class="btn-info pt-2 pn-2">{{isset($mode) && $mode == 'update' ? 'Update' : 'Save'}}</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>
  function edit_gift(giftid)
  {
    $.ajax({
      url:"{{url('event-gift-edit')}}",
      type:'POST',
      data:{"_token": "{{ csrf_token() }}", gift_id:giftid, eid:'', ekey:''},
      error:err=>{
        console.log(err)
      },
      success:function(resp){
        resp = JSON.parse(resp);
        if(resp)
        {
          console.log(resp);
          $('#name').val(resp.result.name);
          $('#description').val(resp.result.description);
          $('#total').val(resp.result.total);
          $('#giftid').val(resp.result.id);
          if(resp.mode === 'update')
          {
            $('#giftform').attr('action', "{{ url('event-gift-update') }}");
          }
          $('#event-gift').modal('show');
        }
      }
    })
  }

  $(document).ready(function(){
    $("#giftform").validate({
       rules:
       {
            'data[name]':{
              required: true,
            },
            'data[description]':{
              required: true,
            },
            'data[total]':{
              required: true,
            }
       }, 
       errorElement: 'p',
       errorPlacement: function (error, element) {
       error.insertAfter(element);
       }
    });
  });
</script>
@endsection