@extends('admin')
@section('content')
<div class="page-content">
               <div class="container-fluid">
                  <div class="row">
                     <!-- Zero Configuration  Starts-->	
                     <div class="col-sm-12">
                        <div class="card">
                           <div class="card-body">
                              <h4 class="card-title d-flex align-items-center justify-content-between">Contact List				  <a class="btn btn-primary btn-sm btn-float" href="#addcontactModal" role="button" data-toggle="modal">Add Contact </a></h4>
                              <table class="table table-striped table-bordered" id="contactList">
                                 <thead>
                                    <tr>
                                       <th>#</th>
                                       <th>User Name</th>
                                       <th>Phone Number</th>
                                       <th>Action</th>
                                    </tr>
                                 </thead>
                              </table>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="modal fade" id="addcontactModal" tabindex="-1" role="dialog" aria-hidden="true">
               <div class="modal-dialog modal_right_side" role="document">
                  <div class="modal-content col-12 col-md-5">
                     <div class="modal-header">
                        <h5 class="modal-title">Add Contact</h5>
                        <button class="close" type="button" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                     </div>
                     <div class="modal-body">
                        <form class="theme-form" id="addcontactFrm" name="addcontactFrm" method="post" >
                           <div class="row">
                              <input type="hidden" name="game_id" value="">
                              <div class="form-group col-12">
                                 <label for="game_name">User Name</label>
                                 <input type="text" name="username" id="username" class="form-control" placeholder="Enter User Name"/>
                              </div>
                              <div class="form-group col-12">
                                 <label for="game_name_hindi">Phone Number</label>
                                 <input type="text" name="number" id="number" class="form-control" placeholder="Enter phone Number"/>
                              </div>
                              
                              <div class="form-group col-12">
                                 <button type="submit" class="btn btn-primary waves-light mr-1" id="submitBtn" name="submitBtn">Submit</button>
                                 <button type="reset" class="btn btn-danger waves-light mr-1">Reset</button>
                              </div>
                           </div>
                           <div class="form-group">
                              <div id="msg"></div>
                           </div>
                        </form>
                     </div>
                  </div>
               </div>
            </div>
            <div class="modal fade" id="updatecontactModal" tabindex="-1" role="dialog" aria-hidden="true">
               <div class="modal-dialog modal_right_side" role="document">
                  <div class="modal-content col-12 col-md-5">
                     <div class="modal-header">
                        <h5 class="modal-title">Update Contact</h5>
                        <button class="close" type="button" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                     </div>
                     <div class="modal-body modal_update_contact_body"></div>
                  </div>
               </div>
            </div>
            
@endsection
@section('pageLevelJS')
<script>
				var dataTable='';
					dataTable = $('#contactList').DataTable( {
							"processing": true,
							"serverSide": true,
							"order": [0,"desc"],
							"ajax":{"url":"{{ url('admin/contactList') }}","type": "POST","dataType": "json"},
							"columns": [
										{ "data": "DT_RowIndex" },
										{ "data": "username" },
										{ "data": "number" },
										{ "data": null },						
								],
								columnDefs: [{
									targets: [-1], render: function (a, b, data, d) {
										 var action='';
											action+='<a title="Edit" href="javascript:void(0);" data-href="'+base_url+''+data.id+'/editContact" class="openPopupEditContact"><button  class="btn btn-primary btn-xs mr-1" type="button"  title="edit">Edit</button></a>';
											
										/*  if (data.status == 1) {
											action+='<a title="Inactivate" class="success blockUnblock" href="" id="success-'+data.game_id+'-tb_games-game_id-status" ><button class="btn btn-success btn-sm mr-5" type="button" title="Inactivate">Inactivate</button></a>';
										}
										else{
											action+='<a class="danger blockUnblock" href="" id="danger-'+data.game_id+'-tb_games-game_id-status"><button class="btn btn-danger btn-sm mr-5" type="button" title="Activate">Activate</button></a>'; 
										} */ 
										/* if (data.market_status == 1) {
											action+='<a title="Market Close" class="success openCloseMarket" href="" id="success-'+data.game_id+'-tb_games-game_id-market_status" ><button class="btn btn-success btn-xs mr-1" type="button" title="Market Close">Market Close</button></a>';
										}
										else{
											action+='<a class="danger openCloseMarket" href="" id="danger-'+data.game_id+'-tb_games-game_id-market_status"><button class="btn btn-danger btn-xs mr-1" type="button" title="Market Open">Market Open</button></a>'; 
										} */
										
										
										return action;
									}
								}],								
							});												
								dataTable.on('page.dt', function() {
								$('html, body').animate({
									scrollTop: $(".dataTables_wrapper").offset().top-50						   
									}, 'slow');		
									});				
</script>

@endsection