@extends('layouts.master')
@section('content')

<div class="row row-deck">
	<div class="col-lg-4">
		<div class="card">
			<div class="card-header">
				<h3 class="card-title">Master Pannel</h3>
			</div>
			<div class="card-body">
				<div class="row">
				 <div class="col-xs-12 col-sm-12 col-md-12">
	                    <div class="form-group d-flex">
	                        <label for="title" class="form-label"> Title <span class="requiredLabel">:</span></label>
	                        <div>{{ $game->title }}</div>
	                    </div>
	                </div>
	                <div class="col-xs-12 col-sm-12 col-md-12">
	                    <div class="form-group d-flex">
	                        <label for="title" class="form-label">Genres <span class="requiredLabel">:</span></label>
	                         <div>{!! ($game->genres) ? $game->genres->name:'' !!}</div>
	                    </div>
	                </div>
	                <div class="col-xs-12 col-sm-12 col-md-12">
	                    <div class="form-group d-flex">
	                        <label for="title" class="form-label">Developing Stage <span class="requiredLabel">:</span></label>
	                         <div>{!! ($game->stage) ? $game->stage->name:'' !!}</div>
	                    </div>
	                </div>
	                <div class="col-xs-12 col-sm-12 col-md-12">
					    <div class="form-group d-flex align-items-center">
					        <label for="app_url" class="form-label me-2">Website Url <span class="requiredLabel">:</span></label>
					        <a href="{{ $game->app_url }}" target="_blank" title="{{ $game->app_url }}">
					            {{ \Illuminate\Support\Str::limit($game->website_url, 30, '...') }}
					        </a>
					    </div>
					</div>

	              
	                <div class="col-xs-12 col-sm-12 col-md-12">
					    <div class="form-group d-flex align-items-center">
					        <label for="app_url" class="form-label me-2">App Url <span class="requiredLabel">:</span></label>
					        <a href="{{ $game->app_url }}" target="_blank" title="{{ $game->app_url }}">
					            {{ \Illuminate\Support\Str::limit($game->app_url, 30, '...') }}
					        </a>
					    </div>
					</div>

	                <div class="col-xs-12 col-sm-12 col-md-12">
	                    <div class="form-group d-flex">
	                        <label for="title" class="form-label"> App Publisher Name <span class="requiredLabel">:</span> </label>
	                         <div>{!! $game->app_publisher_name !!}</div>
	                       
	                    </div>
	                </div>
	                  <div class="col-xs-12 col-sm-12 col-md-12">
	                        <div class="form-group d-flex">
	                            <label for="title" class="form-label">Bundle ID <span class="requiredLabel">:</span> </label>
	                             <div>{!! $game->bundle_id !!}</div>
	                           
	                        </div>
	                    </div>
	                     <div class="col-xs-12 col-sm-12 col-md-12">
	                        <div class="form-group d-flex">
	                            <label for="title" class="form-label">Game Platforms <span class="requiredLabel">:</span></label>
	                              <div>{{ $game->platform }}</div>
	                        </div>
	                    </div>

	                     <div class="col-xs-12 col-sm-12 col-md-12">
	                        <div class="form-group d-flex">
	                            <label for="title" class="form-label"> Description  <span class="requiredLabel">:</span></label>
	                             <div>{!! $game->description !!}</div>
	                           
	                        </div>
	                    </div>
	                  </div>
			
			</div>
		</div>
	</div>

	<div class="col-lg-8">
		<div class="card">
			<div class="card-header">
				<h3 class="card-title">Campiagn List</h3>
				<div class="card-options">
					<button class="btn btn-primary mb-3" data-bs-toggle="modal" data-bs-target="#addCampaignModal">
					  Add Campaign
					</button>
					  
					<a href="{{ url()->previous() }}" class="btn btn-sm btn-outline-primary"  data-toggle="tooltip" data-placement="right" title="" data-original-title="Go To Back"><i class="fa fa-mail-reply"></i></a>
				</div>
			</div>
			<div class="card-body">
				<div class="row">
					 <div class="table-responsive">
		                <table id="example" class="table table-striped table-bordered w-100">
		                    <thead>
		                        <tr>
		                            <th scope="col"></th>
		                            <th scope="col">#</th>
		                            <th scope="col">Campiagn ID</th>
		                            <th scope="col">UserName</th>
		                            <th scope="col">Game</th>
		                            <th scope="col">campaign Name</th>
		                            <th scope="col">Action Doc</th>
		                            <th scope="col">Enabled</th>
		                            <th scope="col"width="10%">Action</th>
		                        </tr>
		                    </thead>

		                    <tbody>
		                        @php $i = 0 @endphp
		                        @foreach($campaigns as $campaign)
		                        <tr>
		                            <td>
		                                <label class="custom-control custom-checkbox">
		                                    {{ Form::checkbox('boxchecked[]', $campaign->id,'', array('class' => 'colorinput-input custom-control-input', 'id'=>'')) }}
		                                    <span class="custom-control-label"></span>
		                                </label>
		                            </td>
		                            <td>{!! ++$i !!}</td>
		                            <td>{!! $campaign->uuid !!}</td>
		                            <td>{!! $campaign->user->name !!}</td>
		                            <td>{!! $campaign->game->title !!}</td>
		                            <td>{!! $campaign->campaignName !!}</td>
		                            <td><i class="fa fa-copy" style="cursor:pointer;" onclick="copycode('{!! $campaign->doc_path !!}')"></i></td>
		                            
		                            <td class="text-center">
		                                <div class="btn-group btn-group-xs ">
		                                    @if($campaign->status=='0') 
		                                    <span class="text-danger">Inactive</span>
		                                    @else 
		                                    <span class="text-success">Active</span>
		                                    @endif
		                                </div>
		                            </td>
		                            <td>
		                                <div class="btn-group btn-group-xs">
		                                  
		                                    <a class="btn btn-sm btn-secondary" href="{{ route('campaign-view',$campaign->uuid) }}" data-toggle="tooltip" data-placement="top" title="" data-original-title="View"><i class="fa fa-eye"></i></a>
		                                    
		                                     <button class="btn btn-sm btn-primary" data-bs-toggle="modal" data-bs-target="#editCampaignModal{{ $campaign->id }}" title="Edit">
											      <i class="fa fa-edit"></i>
											    </button>
		                                    
		                                </div>
		                            </td>
		                        </tr>
		                        <!-- Edit Campaign Modal -->
								<div class="modal fade" id="editCampaignModal{{ $campaign->id }}" tabindex="-1" aria-labelledby="editCampaignModalLabel{{ $campaign->id }}" aria-hidden="true">
								    <div class="modal-dialog modal-lg">
								        <form method="POST" action="{{ route('campaign-save') }}" enctype="multipart/form-data">
								        	{!! Form::hidden('id',$campaign->id,array('class'=>'form-control')) !!}

								            @csrf
								            <input type="hidden" name="game_id" value="{{ $game->id }}">
								            <div class="modal-content">
								                <div class="modal-header">
								                    <h5 class="modal-title" id="editCampaignModalLabel{{ $campaign->id }}">Edit Campaign</h5>
								                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">X</button>
								                </div>
								                <div class="modal-body">
								                    <div class="mb-3">
								                        <label for="campaignName{{ $campaign->id }}" class="form-label">Campaign Name</label>
								                        <input type="text" class="form-control" id="campaignName{{ $campaign->id }}" name="campaignName" value="{{ $campaign->campaignName }}" required>
								                    </div>
								                    <div class="mb-3">
								                        <label for="campaignsURL{{ $campaign->id }}" class="form-label">Campaign URL</label>
								                        <input type="text" class="form-control" id="campaignsURL{{ $campaign->id }}" name="campaignsURL" value="{{ $campaign->campaignsURL }}" required>
								                    </div>
								                    <div class="mb-3">
								                        <label for="campaignDescription{{ $campaign->id }}" class="form-label">Campaign Description</label>
								                        <textarea class="form-control" id="campaignDescription{{ $campaign->id }}" name="campaignDescription">{{ $campaign->campaignDescription }}</textarea>
								                    </div>

								                    <div class="mb-3">
								                        <label class="form-label">Refresh Time</label>
								                        {!! Form::number('refreshTime', $campaign->refreshTime, ['id' => 'refreshTime' . $campaign->id, 'class' => 'form-control', 'autocomplete' => 'off']) !!}
								                    </div>

								                    <div class="mb-3">
								                        <label class="form-label">Max Refresh Count</label>
								                        {!! Form::number('maxRefreshCount', $campaign->maxRefreshCount, ['id' => 'maxRefreshCount' . $campaign->id, 'class' => 'form-control', 'autocomplete' => 'off']) !!}
								                    </div>

								                    <div class="mb-3">
								                        <label class="form-label">Cool Off Time</label>
								                        {!! Form::number('coolOffTime', $campaign->coolOffTime, ['id' => 'coolOffTime' . $campaign->id, 'class' => 'form-control', 'autocomplete' => 'off']) !!}
								                    </div>

								                    <div class="mb-3">
								                        <label for="image{{ $campaign->id }}" class="form-label">Image</label>
								                        <input type="file" class="form-control" id="image{{ $campaign->id }}" name="image" accept="image/*">
								                        @if($campaign->campaignImage)
								                            <img src="{{ $campaign->campaignImage }}" style="max-height: 100px; margin-top: 10px;">
								                        @endif
								                    </div>

								                    <div class="mb-3">
								                        <label for="doc_type{{ $campaign->id }}" class="form-label">Document Type</label>
								                        <select class="form-select form-control" id="doc_type{{ $campaign->id }}" name="doc_type" onchange="toggleEditDocFields({{ $campaign->id }}, this.value)">
								                            <option value="File" {{ $campaign->doc_type === 'File' ? 'selected' : '' }}>File</option>
								                            <option value="Url" {{ $campaign->doc_type === 'Url' ? 'selected' : '' }}>URL</option>
								                        </select>
								                    </div>

								                    <div class="mb-3" id="editDocFileDiv{{ $campaign->id }}" style="{{ $campaign->doc_type === 'File' ? '' : 'display:none;' }}">
								                        <label class="form-label">Document File</label>
								                        <input type="file" class="form-control" name="doc_path">
								                        @if($campaign->doc_path && $campaign->doc_type === 'File')
								                            <a href="{{ $campaign->doc_path }}" target="_blank">View File</a>
								                        @endif
								                    </div>

								                    <div class="mb-3" id="editDocUrlDiv{{ $campaign->id }}" style="{{ $campaign->doc_type === 'Url' ? '' : 'display:none;' }}">
								                        <label class="form-label">Document URL</label>
								                        <input type="url" class="form-control" name="doc_path_url" value="{{ $campaign->doc_type === 'Url' ? $campaign->doc_path : '' }}">
								                    </div>
								                </div>
								                <div class="modal-footer">
								                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
								                    <button type="submit" class="btn btn-primary">Update Campaign</button>
								                </div>
								            </div>
								        </form>
								    </div>
								</div>

		                        @endforeach
		                    </tbody>
		                </table>
		            </div>
					
					
					
				</div>
			</div>
		</div>
	</div>
</div>
<div class="row row-deck">
	<div class="col-lg-12">
		<div class="card">
			<div class="card-header">
				<h3 class="card-title">Placements</h3>
				 <div class="card-options">
					<button class="btn btn-primary mb-3" data-bs-toggle="modal" data-bs-target="#addPlacementModal">
					  Add Placement
					</button>
				</div>
			</div>
			<div class="card-body">
				<div class="row">
					 <div class="table-responsive">
						<table class="table table-bordered table-striped">
						    <thead>
						        <tr>
						            <th>#</th>
						            <th>Placement ID</th>
						            <th>Game ID</th>
						            <th>Type</th>
						            <th>Animate</th>
						            <th>Sound Effect</th>
						            <th>Gratification Text</th>
						            <th>Orientation Text</th>
						            <th>Enabled</th>
						            <th>Actions</th>
						        </tr>
						    </thead>
						    <tbody>
						        @foreach($placements as $index => $placement)
						            <tr>
						                <td>{{ $index + 1 }}</td>
						                <td>{{ $placement->placementId }}</td>
						                <td>{{ $placement->game_id }}</td>
						                <td>{{ $placement->type ?? 'N/A' }}</td>
						                <td>{{ $placement->animate ? 'Yes' : 'No' }}</td>
						                <td>{{ $placement->soundEffect ? 'Yes' : 'No' }}</td>
						                <td>{{ $placement->gratificationText ?? '-' }}</td>
						                <td>{{ $placement->orientationText ?? '-' }}</td>
						                <td>
						                    @if($placement->enabled== '1')
						                        <span class="text-success">Active</span>
						                    @else
						                        <span class="text-danger">Inactive</span>
						                    @endif
						                </td>
						               <!-- Inside foreach row -->
											<td>
											  <div class="btn-group btn-group-xs">
											   
											    <!-- Edit -->
											    <button class="btn btn-sm btn-primary" data-bs-toggle="modal" data-bs-target="#editPlacementModal{{ $placement->id }}" title="Edit">
											      <i class="fa fa-edit"></i>
											    </button>

											    <!-- Delete -->
											    <button class="btn btn-sm btn-danger" data-bs-toggle="modal" data-bs-target="#deletePlacementModal{{ $placement->id }}" title="Delete">
											      <i class="fa fa-trash"></i>
											    </button>
											  </div>
											</td>

						            </tr>
						            <!-- Edit Modal for Placement -->
										<div class="modal fade" id="editPlacementModal{{ $placement->id }}" tabindex="-1" aria-labelledby="editPlacementLabel_{{ $placement->id }}" aria-hidden="true">
										    <div class="modal-dialog modal-lg">
										        <form method="POST" action="{{ route('placements.update', $placement->id) }}">
										            @csrf
										            @method('PUT')
										            <input type="hidden" name="game_id" value="{{ $placement->game_id }}">
										            <div class="modal-content">
										                <div class="modal-header">
										                    <h5 class="modal-title" id="editPlacementLabel_{{ $placement->id }}">Edit Placement</h5>
										                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">X</button>
										                </div>

										                <div class="modal-body row g-3">
										                	 <div class="col-md-12">
										                        <div class="form-group">
										                            <label class="form-label">Sync ID</label>
										                            <input type="text" class="form-control" name="syncId" value="{{ $placement->syncId }}" required>
										                        </div>
										                    </div>

										                    <div class="col-md-6">
										                        <div class="form-group">
										                            <label class="form-label">Placement ID</label>
										                            <input type="text" class="form-control" name="placementId" value="{{ $placement->placementId }}" required>
										                        </div>
										                    </div>

										                    <div class="col-md-6">
										                        <div class="form-group">
										                            <label class="form-label">Type</label>
										                            <select name="type" class="form-control">
										                                <option value="2D" {{ $placement->type == '2D' ? 'selected' : '' }}>2D</option>
										                                <option value="3D" {{ $placement->type == '3D' ? 'selected' : '' }}>3D</option>
										                                <option value="AR" {{ $placement->type == 'AR' ? 'selected' : '' }}>AR</option>
										                                <option value="sprite" {{ $placement->type == 'sprite' ? 'selected' : '' }}>Sprite</option>
										                            </select>
										                        </div>
										                    </div>

										                    <div class="col-md-6">
										                        <div class="form-group form-check">
										                            <input type="checkbox" class="form-check-input" name="animate" {{ $placement->animate ? 'checked' : '' }}>
										                            <label class="form-check-label">Animate</label>
										                        </div>
										                    </div>

										                    <div class="col-md-6">
										                        <div class="form-group form-check">
										                            <input type="checkbox" class="form-check-input" name="soundEffect" {{ $placement->soundEffect ? 'checked' : '' }}>
										                            <label class="form-check-label">Sound Effect</label>
										                        </div>
										                    </div>

										                    <div class="col-md-6">
										                        <div class="form-group">
										                            <label class="form-label">Gratification Text</label>
										                            <input type="text" name="gratificationText" class="form-control" value="{{ $placement->gratificationText }}">
										                        </div>
										                    </div>

										                    <div class="col-md-6">
										                        <div class="form-group">
										                            <label class="form-label">Orientation Text</label>
										                             <select name="orientationText" class="form-control">
										                               <option value="" >--Select-- </option>
											                            <option value="Landscape" {{ $placement->orientationText == 'Landscape' ? 'selected' : '' }}>Landscape </option>
											                            <option value="Portrait" {{ $placement->orientationText == 'Portrait' ? 'selected' : '' }}>Portrait</option>
											                        </select>
										                           
										                        </div>
										                    </div>
										                       <div class="col-md-6">
									                    	 <div class="form-group">
										                        <label class="form-check-label">
										                            <input type="checkbox" name="scriptExecution" class="form-check-input form-control" {{ $placement->scriptExecution ? 'checked' : '' }}> Script Execution
										                        </label>
										                    </div>
									                    </div>
									                     <div class="col-md-6">
									                    	 <div class="form-group">
										                        <label class="form-check-label">
										                            <input type="checkbox" name="touch" class="form-check-input form-control" {{ $placement->scriptExecution ? 'checked' : '' }}> Touch
										                        </label>
										                    </div>
									                    </div>
									                     <div class="col-md-6">
									                    	 <div class="form-group">
										                        <label class="form-check-label">
										                            <input type="checkbox" name="playerInteraction" class="form-check-input form-control" {{ $placement->playerInteraction ? 'checked' : '' }}> Player Interaction
										                        </label>
										                    </div>
									                    </div>
									                    <div class="col-md-6">
									                    	 <div class="form-group">
										                        <label class="form-check-label">
										                            <input type="checkbox" name="enabled" class="form-check-input form-control" {{ $placement->enabled ? 'checked' : '' }}> Enabled
										                        </label>
										                    </div>
									                    </div>
									                     <div class="col-md-6">
									                     <div class="form-group">
									                        <label for="mode" class="form-label">Mode</label>
									                         <select name="type" class="form-control">
								                                <option value="2D" {{ $placement->type == '2D' ? 'selected' : '' }}>2D</option>
								                                <option value="3D" {{ $placement->type == '3D' ? 'selected' : '' }}>3D</option>
								                                <option value="AR" {{ $placement->type == 'AR' ? 'selected' : '' }}>AR</option>
								                                <option value="sprite" {{ $placement->type == 'sprite' ? 'selected' : '' }}>Sprite</option>
								                            </select>
									                    </div>
									                    </div>
										                    <div class="col-md-6">
										                        <div class="form-group">
										                            <label class="form-label">Status</label>
										                            <select name="status" class="form-control">
										                                <option value="0" {{ $placement->status == '0' ? 'selected' : '' }}>Inactive</option>
										                                <option value="1" {{ $placement->status == '1' ? 'selected' : '' }}>Active</option>
										                              
										                            </select>
										                        </div>
										                    </div>

										                </div>

										                <div class="modal-footer">
										                    <button type="submit" class="btn btn-primary">Update Placement</button>
										                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
										                </div>
										            </div>
										        </form>
										    </div>
										</div>
										<!-- Delete Modal for Placement -->
										<div class="modal fade" id="deletePlacementModal{{ $placement->id }}" tabindex="-1" aria-labelledby="deletePlacementLabel_{{ $placement->id }}" aria-hidden="true">
										    <div class="modal-dialog">
										        <form method="POST" action="{{ route('placements.destroy', $placement->id) }}">
										            @csrf
										            @method('DELETE')
										            <div class="modal-content">
										                <div class="modal-header">
										                    <h5 class="modal-title" id="deletePlacementLabel_{{ $placement->id }}">Confirm Delete</h5>
										                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">×</button>
										                </div>
										                <div class="modal-body">
										                    Are you sure you want to delete placement <strong>{{ $placement->placementId }}</strong>?
										                </div>
										                <div class="modal-footer">
										                    <button type="submit" class="btn btn-danger">Yes, Delete</button>
										                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
										                </div>
										            </div>
										        </form>
										    </div>
										</div>


						        @endforeach
						    </tbody>
						</table>
					</div>
				 
	             </div>
			
			</div>
		</div>
	</div>

</div>
<div class="row row-deck">
	<div class="col-lg-12">
		<div class="card">
			<div class="card-header">
				<h3 class="card-title">Advertiser Tracker Control</h3>
				 <div class="card-options">
				    <button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#addAdvertiserModal">
				        <i class="fa fa-plus"></i> Add New Advertiser
				    </button>
				</div>

			</div>
			<div class="card-body">
				<div class="row">
					 <div class="table-responsive">
						<table class="table table-bordered table-striped">
						    <thead>
						        <tr>
						            <th>#</th>
						            <th>Field Name</th>
						            <th>Field Value</th>
						            <th>Integer Value</th>
						            <th>Integer Value One</th>
						            <th>Actions</th>
						        </tr>
						    </thead>
						    <tbody>
						        @foreach($advertiserController as $index => $adv)
						            <tr>
						                <td>{{ $index + 1 }}</td>
						                <td>{{ $adv->field_name }}</td>
						                <td>{{ $adv->field_value }}</td>
						                <td>{{ $adv->integer_value }}</td>
						                <td>{{ $adv->integer_value_one }}</td>
						
						                <td>
						                  <div class="btn-group btn-group-xs">
		                                  
			                                 <!-- Edit Button -->
												<button class="btn btn-sm btn-secondary"
												        data-bs-toggle="modal"
												        data-bs-target="#editModal{{ $adv->id }}"
												        title="Edit">
												    <i class="fa fa-edit"></i>
												</button>


												<!-- Delete Button -->
												<button class="btn btn-sm btn-danger" 
												        data-bs-toggle="modal" 
												        data-bs-target="#deleteModal{{ $adv->id }}" 
												        title="Delete">
												    <i class="fa fa-trash"></i>
												</button>

		                                    
		                                </div>
						                </td>
						            </tr>
						           <!-- Edit Modal -->
									<div class="modal fade" id="editModal{{ $adv->id }}" tabindex="-1" aria-labelledby="editModalLabel{{ $adv->id }}" aria-hidden="true">
									  <div class="modal-dialog">
									    <form action="{{ route('advertiser.update', $adv->id) }}" method="POST">
									      @csrf
									      @method('PUT')
									      <div class="modal-content">
									        <div class="modal-header">
									          <h5 class="modal-title" id="editModalLabel{{ $adv->id }}">Edit Advertiser</h5>
									          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">X</button>
									        </div>
									        <div class="modal-body">
									            <div class="mb-3">
									                <label for="field_name_{{ $adv->id }}" class="form-label">Field Name</label>
									                <input type="text" name="field_name" class="form-control" value="{{ $adv->field_name }}">
									            </div>
									            <div class="mb-3">
									                <label for="field_value_{{ $adv->id }}" class="form-label">Field Value</label>
									                <input type="text" name="field_value" class="form-control" value="{{ $adv->field_value }}">
									            </div>
									            <div class="mb-3">
									                <label for="integer_value_{{ $adv->id }}" class="form-label">Integer Value</label>
									                <input type="number" name="integer_value" class="form-control" value="{{ $adv->integer_value }}">
									            </div>
									             <div class="mb-3">
									                <label for="integer_value_one{{ $adv->id }}" class="form-label">Integer Value One</label>
									                <input type="number" name="integer_value_one" class="form-control" value="{{ $adv->integer_value_one }}">
									            </div>
									        </div>
									        <div class="modal-footer">
									          <button type="submit" class="btn btn-primary">Save Changes</button>
									          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
									        </div>
									      </div>
									    </form>
									  </div>
									</div>
									<!-- Delete Modal -->
									<div class="modal fade" id="deleteModal{{ $adv->id }}" tabindex="-1" aria-labelledby="deleteModalLabel{{ $adv->id }}" aria-hidden="true">
									  <div class="modal-dialog">
									    <form method="POST" action="{{ route('advertiser.destroy', $adv->id) }}">
									        @csrf
									        @method('DELETE')
									        <div class="modal-content">
									          <div class="modal-header">
									            <h5 class="modal-title" id="deleteModalLabel{{ $adv->id }}">Confirm Deletion</h5>
									            <button type="button" class="btn-close" data-bs-dismiss="modal">X</button>
									          </div>
									          <div class="modal-body">
									              Are you sure you want to delete this advertiser field?
									          </div>
									          <div class="modal-footer">
									            <button type="submit" class="btn btn-danger">Delete</button>
									            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
									          </div>
									        </div>
									    </form>
									  </div>
									</div>

						        @endforeach
						    </tbody>
						</table>
					</div>
				 
	             </div>
			
			</div>
		</div>
	</div>

</div>
<div class="row row-deck">
	<div class="col-lg-12">
		<div class="card">
			<div class="card-header">
				<h3 class="card-title">Files</h3>
				<div class="card-options">
					<button class="btn btn-primary mb-3" data-bs-toggle="modal" data-bs-target="#addFileModal">
					  <i class="fa fa-plus"></i> Add File
					</button>
				</div>

			</div>
			<div class="card-body">
				<div class="row">
					  <div class="table-responsive">
		                <table id="example" class="table table-striped table-bordered">
		                    <thead>
		                        <tr>
		                            <th scope="col">#</th>
		                            <th scope="col">Brand Asset</th>
		                            <th scope="col">File Name</th>
		                            <th scope="col">Path</th>
		                            <th scope="col">Action Doc</th>
		                        </tr>
		                    </thead>

		                    <tbody>
		                        @foreach($files as $key=> $file)
		                        <tr>
		                            <td>{!! $key+1 !!}</td>
		                            <td>{!! @$file->brandasset->name!!}</td>
		                            <td>{!! $file->file_name !!}</td>
		                            <td>{!! $file->doc_path !!}</td>
		                            <td>
		                                <div class="btn-group btn-group-xs">
		                                    <a class="btn btn-sm btn-primary" onclick="copycode('{!! $file->doc_path !!}')" href="javascript:;" data-toggle="tooltip" data-placement="top" title="" data-original-title="Copy URL"><i class="fa fa-copy"></i></a>
		                                    <button type="button" class="btn btn-sm btn-warning" data-bs-toggle="modal" data-bs-target="#editFileModal{{ $file->id }}">
										    <i class="fa fa-edit"></i>
										  </button>

										  <form action="{{ route('files.destroy', $file->id) }}" method="POST" onsubmit="return confirm('Are you sure you want to delete this file?');" style="display:inline-block">
										    @csrf
										    @method('DELETE')
										    <button type="submit" class="btn btn-sm btn-danger"><i class="fa fa-trash"></i></button>
										  </form>
		                                </div>
		                            </td>
		                        </tr>
		                        <div class="modal fade" id="editFileModal{{ $file->id }}" tabindex="-1" aria-labelledby="editFileModalLabel{{ $file->id }}" aria-hidden="true">
								    <div class="modal-dialog modal-lg">
								      <form method="POST" action="{{ route('files.update', $file->id) }}" enctype="multipart/form-data">
								        @csrf
								        @method('PUT')
								        <input type="hidden" name="game_id" value="{{ $file->game_id }}">
								        <input type="hidden" name="oldDocPath" value="{{ $file->doc_path }}">
								        <div class="modal-content">
								          <div class="modal-header">
								            <h5 class="modal-title">Edit File</h5>
								            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">X</button>
								          </div>
								          <div class="modal-body row g-3">

								            <div class="col-md-6">
								              <label>Brand Asset</label>
								              {!! Form::select('brand_asset', $brandAsset, $file->brand_asset_id, ['class' => 'form-control']) !!}
								            </div>

								            <div class="col-md-6">
								              <label>File Name</label>
								              <input type="text" class="form-control" name="file_name" value="{{ $file->file_name }}" required>
								            </div>

								            <div class="col-md-12">
								              <label>Replace File (optional)</label>
								              <input type="file" class="form-control" name="file_doc_path">
								            </div>

								          </div>
								          <div class="modal-footer">
								            <button type="submit" class="btn btn-primary">Update File</button>
								            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
								          </div>
								        </div>
								      </form>
								    </div>
								  </div>
		                        @endforeach
		                    </tbody>
		                </table>
		            </div>
				 
	             </div>
			
			</div>
		</div>
	</div>

</div>
<div class="row row-deck">
	<div class="col-lg-12">
		<div class="card">
			<div class="card-header">
				<h3 class="card-title">Documents</h3>
				 <div class="card-options">
					<button class="btn btn-primary mb-3" data-bs-toggle="modal" data-bs-target="#addDocumentModal">
					  Add Document
					</button>
				</div>

			</div>
			<div class="card-body">
				<div class="row">
					 <div class="table-responsive">
		                <table id="example" class="table table-striped table-bordered">
		                    <thead>
		                        <tr>
		                            <th scope="col" width="5%">#</th>
		                            <th scope="col">URL</th>
		                            <th scope="col">Code</th>
		                            <th scope="col">Name</th>
		                            <th scope="col">Action</th>
		                        </tr>
		                    </thead>

		                    <tbody>
		                        @foreach($urls as $key => $url)
		                        <tr>
		                            <td>{!! $key+1 !!}</td>
		                            <td><a href="{!! 'https://trophee.live/documentation.php?url_code='.$url->url_code !!}" target="_blank">{!! 'https://trophee.live/documentation.php?url_code='.$url->url_code !!}</a></td>
		                            <td>{!! $url->url_code !!}</td>
		                            <td>{!! $url->name !!}</td>
		                            <td>
		                                <div class="btn-group btn-group-xs">
		                                    <button type="button" class="btn btn-sm btn-warning" data-bs-toggle="modal" data-bs-target="#editDocuemntModal{{ $url->id }}">
										    <i class="fa fa-edit"></i>
										  </button>
		                                    <a class="btn btn-sm btn-danger" href="{{ route('remove-url-whitelisting',$url->id) }}" onClick="return confirm('Are you sure you want to delete this?');" data-toggle="tooltip" data-placement="top" title="" data-original-title="Delete"><i class="fa fa-trash"></i></a>
		                                </div>
		                            </td>
		                        </tr>
		                        <div class="modal fade" id="editDocuemntModal{{ $url->id }}" tabindex="-1" aria-labelledby="eeditDocuemntModalLabel{{ $url->id }}" aria-hidden="true">
								    <div class="modal-dialog  modal-lg">
								        <form method="POST" action="{{ route('save-url-whitelisting') }}" enctype="multipart/form-data">
								        	 <input type="hidden" name="game_id" value="{{ $game->id }}"> 
								        	 <input type="hidden" name="id" value="{{ $url->id }}"> 
								            @csrf
								            <div class="modal-content">
								                <div class="modal-header">
								                    <h5 class="modal-title" id="addCampaignModalLabel">Edit Document</h5>
								                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">X</button>
								                </div>
								                <div class="modal-body">
								                    <div class="mb-3">
								                        <label for="campaignName" class="form-label">Name</label>
								                        <input type="text" class="form-control" id="name" name="name" value="{{ $url->name }}" required>
								                    </div>
								                    
								                </div>
								                <div class="modal-footer">
								                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
								                    <button type="submit" class="btn btn-primary">Update Docment</button>
								                </div>
								            </div>
								        </form>
								    </div>
								</div>
		                        @endforeach
		                    </tbody>
		                </table>
		            </div>
				 
	             </div>
			
			</div>
		</div>
	</div>

</div>

<!-- documents  -->
<div class="modal fade" id="addDocumentModal" tabindex="-1" aria-labelledby="addDocumentModalabel" aria-hidden="true">
    <div class="modal-dialog  modal-lg">
        <form method="POST" action="{{ route('save-url-whitelisting') }}" enctype="multipart/form-data">
        	 <input type="hidden" name="game_id" value="{{ $game->id }}"> 
            @csrf
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="addCampaignModalLabel">Add Document</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">X</button>
                </div>
                <div class="modal-body">
                    <div class="mb-3">
                        <label for="campaignName" class="form-label">Name</label>
                        <input type="text" class="form-control" id="name" name="name" required>
                    </div>
                    
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-primary">Add Docment</button>
                </div>
            </div>
        </form>
    </div>
</div>
<!-- Add Campaign Modal -->
<div class="modal fade" id="addCampaignModal" tabindex="-1" aria-labelledby="addCampaignModalLabel" aria-hidden="true">
    <div class="modal-dialog  modal-lg">
        <form method="POST" action="{{ route('campaign-save') }}" enctype="multipart/form-data">
        	 <input type="hidden" name="game_id" value="{{ $game->id }}"> 
            @csrf
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="addCampaignModalLabel">Add Campaign</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">X</button>
                </div>
                <div class="modal-body">
                    <div class="mb-3">
                        <label for="campaignName" class="form-label">Campaign Name</label>
                        <input type="text" class="form-control" id="campaignName" name="campaignName" required>
                    </div>
                     <div class="mb-3">
                        <label for="campaignsURL" class="form-label">Campaign URL</label>
                        <input type="text" class="form-control" id="campaignsURL" name="campaignsURL">
                    </div>
                    <div class="mb-3">
                        <label for="campaignDescription" class="form-label">Campaign Description</label>
                        <textarea class="form-control" id="campaignDescription" name="campaignDescription"></textarea>
                    </div>
                   <div class="mb-3">
                      <label for="name" class="form-label">Refresh Time</label>
                      {!! Form::number('refreshTime',null,array('id'=>'refreshTime','class'=> $errors->has('refreshTime') ? 'form-control is-invalid state-invalid' : 'form-control', 'placeholder'=>'campaign Name', 'autocomplete'=>'off')) !!}
                      @if ($errors->has('refreshTime'))
                      <span class="invalid-feedback" role="alert">
                          <strong>{{ $errors->first('refreshTime') }}</strong>
                      </span>
                      @endif
                  </div>
                      
                       <div class="mb-3">
                              <label for="name" class="form-label">Max Refresh Count</label>
                              {!! Form::number('maxRefreshCount',null,array('id'=>'maxRefreshCount','class'=> $errors->has('maxRefreshCount') ? 'form-control is-invalid state-invalid' : 'form-control', 'placeholder'=>'campaign Name', 'autocomplete'=>'off')) !!}
                              @if ($errors->has('maxRefreshCount'))
                              <span class="invalid-feedback" role="alert">
                                  <strong>{{ $errors->first('refreshTime') }}</strong>
                              </span>
                              @endif
                          </div>
                      
                       <div class="mb-3">
                              <label for="name" class="form-label">Cool Off Time</label>
                              {!! Form::number('coolOffTime',null,array('id'=>'coolOffTime','class'=> $errors->has('coolOffTime') ? 'form-control is-invalid state-invalid' : 'form-control', 'placeholder'=>'campaign Name', 'autocomplete'=>'off')) !!}
                              @if ($errors->has('coolOffTime'))
                              <span class="invalid-feedback" role="alert">
                                  <strong>{{ $errors->first('coolOffTime') }}</strong>
                              </span>
                              @endif
                          </div>
                      
                    <div class="mb-3">
                        <label for="image" class="form-label">Image</label>
                        <input type="file" class="form-control" id="image" name="image" accept="image/*">
                    </div>
                    <div class="mb-3">
                        <label for="doc_type" class="form-label">Document Type</label>
                        <select class="form-select form-control" id="doc_type" name="doc_type" onchange="toggleDocFields(this.value)">
                            <option value="File">File</option>
                            <option value="Url">URL</option>
                        </select>
                    </div>
                    <div class="mb-3" id="docFileDiv">
                        <label for="doc_path" class="form-label">Document File</label>
                        <input type="file" class="form-control" id="doc_path" name="doc_path">
                    </div>
                    <div class="mb-3" id="docUrlDiv" style="display:none;">
                        <label for="doc_path_url" class="form-label">Document URL</label>
                        <input type="url" class="form-control" id="doc_path_url" name="doc_path_url">
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-primary">Add Campaign</button>
                </div>
            </div>
        </form>
    </div>
</div>
<!-- Add Modal -->
<!-- Add Placement Modal -->
<div class="modal fade" id="addPlacementModal" tabindex="-1" aria-labelledby="addPlacementLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <form method="POST" action="{{ route('placements.store') }}">
        	   <input type="hidden" name="game_id" value="{{ $game->id }}"> 
            @csrf
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="addPlacementLabel">Add Placement</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">X</button>
                </div>
                
                <div class="modal-body row g-3">
                	<div class="col-md-12">
                    	 <div class="form-group">
	                        <label for="placementId" class="form-label">Sync ID</label>
	                        <input type="text" class="form-control" name="syncId" required>
	                    </div>
                    </div>

                    <div class="col-md-6">
                    	 <div class="form-group">
	                        <label for="placementId" class="form-label">Placement ID</label>
	                        <input type="text" class="form-control" name="placementId" required>
	                    </div>
                    </div>
                    
                    <div class="col-md-6">
                     <div class="form-group">
                        <label for="type" class="form-label">Type</label>
                        <select name="type" class="form-control">
                            <option value="2D">2D</option>
                            <option value="3D">3D</option>
                            <option value="AR">AR</option>
                            <option value="sprite">Sprite</option>
                        </select>
                    </div>
                    </div>

                    <div class="col-md-6">
                    	 <div class="form-group">
	                        <label class="form-check-label">
	                            <input type="checkbox" name="animate" class="form-check-input form-control"> Animate
	                        </label>
	                    </div>
                    </div>

                    <div class="col-md-6">
                    	 <div class="form-group">
	                        <label class="form-check-label">
	                            <input type="checkbox" name="soundEffect" class="form-check-input form-control"> Sound Effect
	                        </label>
	                    </div>
                    </div>

                    <div class="col-md-6">
                    	 <div class="form-group">
	                        <label class="form-label">Gratification Text</label>
	                        <input type="text" name="gratificationText" class="form-control">
	                    </div>
                    </div>

                    <div class="col-md-6">
                    	<div class="form-group">
	                        <label class="form-label">Orientation Text</label>
	                         <select name="orientationText" class="form-control">
	                            <option value="" selected>--Select-- </option>
	                            <option value="Landscape">Landscape </option>
	                            <option value="Portrait">Portrait</option>
	                        </select>
	                       
	                    </div>
                    </div>
                     <div class="col-md-6">
                    	 <div class="form-group">
	                        <label class="form-check-label">
	                            <input type="checkbox" name="scriptExecution" class="form-check-input form-control"> Script Execution
	                        </label>
	                    </div>
                    </div>
                     <div class="col-md-6">
                    	 <div class="form-group">
	                        <label class="form-check-label">
	                            <input type="checkbox" name="touch" class="form-check-input form-control"> Touch
	                        </label>
	                    </div>
                    </div>
                     <div class="col-md-6">
                    	 <div class="form-group">
	                        <label class="form-check-label">
	                            <input type="checkbox" name="playerInteraction" class="form-check-input form-control" form-control> Player Interaction
	                        </label>
	                    </div>
                    </div>
                    <div class="col-md-6">
                    	 <div class="form-group">
	                        <label class="form-check-label">
	                            <input type="checkbox" name="enabled" class="form-check-input form-control"> Enabled
	                        </label>
	                    </div>
                    </div>
                     <div class="col-md-6">
                     <div class="form-group">
                        <label for="mode" class="form-label">Mode</label>
                        <select name="mode" class="form-control">
                            <option value="2D">2D</option>
                            <option value="3D">3D</option>
                            <option value="AR">AR</option>
                            <option value="sprite">Sprite</option>
                        </select>
                    </div>
                    </div>

                   
                </div>

                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary">Save Placement</button>
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                </div>
            </div>
        </form>
    </div>
</div>

<!-- Add Advertiser Modal -->
<div class="modal fade" id="addAdvertiserModal" tabindex="-1" aria-labelledby="addAdvertiserModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <form method="POST" action="{{ route('advertiser.store') }}">
        @csrf
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="addAdvertiserModalLabel">Add New Advertiser Field</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal">X</button>
          </div>
          <div class="modal-body">
              <input type="hidden" name="game_id" value="{{ $game->id }}"> 

              <div class="mb-3">
                  <label for="field_name" class="form-label">Field Name</label>
                  <input type="text" name="field_name" class="form-control" required>
              </div>

              <div class="mb-3">
                  <label for="field_value" class="form-label">Field Value</label>
                  <input type="text" name="field_value" class="form-control">
              </div>

              <div class="mb-3">
                  <label for="integer_value" class="form-label">Integer Value</label>
                  <input type="number" name="integer_value" class="form-control">
              </div>
               <div class="mb-3">
                  <label for="integer_value_one" class="form-label">Integer Value One</label>
                  <input type="number" name="integer_value_one" class="form-control">
              </div>
          </div>
          <div class="modal-footer">
            <button type="submit" class="btn btn-primary">Add</button>
            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
          </div>
        </div>
    </form>
  </div>
</div>
<!-- Edit Modal -->

<div class="modal fade" id="addFileModal" tabindex="-1" aria-labelledby="addFileModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <form method="POST" action="{{ route('files.store') }}" enctype="multipart/form-data">
      @csrf
      <input type="hidden" name="game_id" value="{{ $game->id }}">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title">Add File</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">X</button>
        </div>
        <div class="modal-body row g-3">

          <div class="col-md-6">
            <label>Brand Asset</label>
            {!! Form::select('brand_asset', $brandAsset, null, ['class' => 'form-control']) !!}
          </div>

          <div class="col-md-6">
            <label>File Name</label>
            <input type="text" class="form-control" name="file_name" required>
          </div>

          <div class="col-md-12">
            <label>Upload File</label>
            <input type="file" class="form-control" name="file_doc_path" required>
          </div>

        </div>
        <div class="modal-footer">
          <button type="submit" class="btn btn-primary">Save File</button>
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
        </div>
      </div>
    </form>
  </div>
</div>



	@endsection
	@section('extracss')
<script>
    function toggleDocFields(type) {
        if (type === 'File') {
            document.getElementById('docFileDiv').style.display = '';
            document.getElementById('docUrlDiv').style.display = 'none';
        } else if (type === 'Url') {
            document.getElementById('docFileDiv').style.display = 'none';
            document.getElementById('docUrlDiv').style.display = '';
        }
    }

    // For edit modals: attach change event listeners dynamically
    @foreach($campaigns as $campaign)
        document.getElementById('doc_type{{ $campaign->id }}').addEventListener('change', function () {
            const fileDiv = document.getElementById('docFileDiv{{ $campaign->id }}');
            const urlDiv = document.getElementById('docUrlDiv{{ $campaign->id }}');
            if (this.value === 'File') {
                fileDiv.style.display = '';
                urlDiv.style.display = 'none';
            } else {
                fileDiv.style.display = 'none';
                urlDiv.style.display = '';
            }
        });
    @endforeach
</script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>

	@endsection