@php ($headerOption = [
'title' => "Games and Platforms",
'header_buttons' => [

'<a class="'. \Config::get('view.buttons.primary') .'" href="'. route('games' . '.create') .'" data-toggle="tooltip" data-original-title="Add New Record">'. \Config::get('settings.icon_add') .' <span>Add new Game</span></a>',
],
'filters' => isset($filters) ? $filters : [],
'data' => isset($data) ? $data : []
])
@extends('admin.layouts.layout',$headerOption)


@section('content')
<div class="page-filter">
  <select name="page" class="form-select mb-3" style="max-width: 150px" id="page-select" onchange="redirectToPage(this)">
      <option value="{{ route('games.index') }}" selected >Games</option>
      <option value="{{ route('platforms.index') }}">Platforms</option>
  </select>
  </div>
<div class="table-responsive">
  {{-- <table class="{!! \Config::get('view.table.table_class') !!}"> --}}
    <table id="exampleTable" class="table table-striped table-bordered">
    <thead class="{!! \Config::get('view.table.table_head_class') !!}">
      <tr>
        {{-- <th colspan="2">Name {!! \App\Helpers\Helper::sort($routePrefix . '.index', 'first_name', $orderBy) !!}</th> --}}
        <th>Game Name </th>
        <th>Game Image </th>
        <th>Crossplatform </th>
        <th>Platforms </th>
        <th width="15%" style="text-align: right;">Action</th>
        
      </tr>
    </thead>
    <tbody>
      {{-- @dd($gamesInfo) --}}
      @if($gamesInfo)
      
        @foreach ($gamesInfo as $val)
        <tr>
          {{-- <td width="3%">{!! \App\Helpers\Helper::genLogo($val->avatar, $val, 'xs', 'rounded-circle') !!}</td>
          <td><a href="{{ route($routePrefix . '.show', $val->id) }}" class="show-modal-lg">{{ $val->full_name }}</a></td> --}}
          <td> {{ $val->game_name }}</td>
          <td> <img src="{{ $val->game_image }}" alt="" style="width: 60px; height: 60px; object-fit: cover;"></td>
          <td>{{ $val->is_cross_platform == 1 ? "True" : "False"}}</td>
          <td>@if ($val->platforms)
                @foreach (explode(',', $val->platforms) as $platform)
                    {{ $platform }}
                @endforeach
            @else
                No Platforms
            @endif
          </td>
          <td class="text-right">
          
          <a href="{{ route('games' . '.edit', $val->id) }}" class="{!! \Config::get('view.table.list_light_button') !!}" data-toggle="tooltip" title="" data-original-title="Edit"><i class="mdi mdi-border-color"></i></a>
          
          
          <a class="{!! \Config::get('view.table.list_danger_button') !!}" data-toggle="tooltip" title="" data-confirm="Are You Sure?|This action can not be undone. Do you want to continue?" data-confirm-yes="event.preventDefault();
                document.getElementById('delete-form-{{$val->id}}').submit();" data-original-title="Delete"><i class="mdi mdi-delete"></i></a>
          {!! html()->form('DELETE', route(
              'games' . '.destroy',
              $val->id
              ))->attributes([
              'style' => 'display:inline',
              'id'    => 'delete-form-' . $val->id
            ])->open() !!}
          {!! html()->form()->close() !!}
            
          </td>
          {{-- <td>{{ $val->role_title }}</td>
          <td><span class="badge badge-pill badge-soft-{{ $val->statuses[$val->status]['badge'] }} font-size-12">{!! $val->statuses[$val->status]['name'] !!}</span></td>
          <td>{{ \App\Helpers\Helper::showDate($val->created_at) }}</td> --}}

          {{-- @if($permission['edit'] || $permission['destroy'])
          <td class="text-right">
            @if($permission['edit'])
            <a href="{{ route($routePrefix . '.edit', $val->id) }}" class="{!! \Config::get('view.table.list_light_button') !!}" data-toggle="tooltip" title="" data-original-title="Edit">{!! \Config::get('settings.icon_edit') !!}</a>
            @endif
            @if($permission['destroy'] && $val->id != auth()->user()->id)
              <a class="{!! \Config::get('view.table.list_danger_button') !!}" data-toggle="tooltip" title="" data-confirm="Are You Sure?|This action can not be undone. Do you want to continue?" data-confirm-yes="event.preventDefault();
                    document.getElementById('delete-form-{{$val->id}}').submit();" data-original-title="Delete">{!! \Config::get('settings.icon_delete') !!}</a>
              {!! html()->form('DELETE', route(
                  $routePrefix . '.destroy',
                  $val->id
                  ))->attributes([
                  'style' => 'display:inline',
                  'id'    => 'delete-form-' . $val->id  
                ])->open() !!}
              {!! html()->form()->close() !!}
            @endif
          </td>
          @endif --}}
        </tr>
        @endforeach
      @else
      <tr>
        <td colspan="25">
          <div class="alert alert-danger">No Data</div>
        </td>
      </tr>
      @endif
    </tbody>
  </table>
</div>

@include('admin.components.pagination')
@push('page_script')
<script>
    $(document).ready(function () {
        $('#exampleTable').DataTable({
          scrollY: '400px',  // Adjust height as needed
          scrollCollapse: true,
          paging: true,     // Disable pagination if needed
          fixedHeader: true
        });
    });

    function redirectToPage(select) {
        var url = select.value; // Get the selected value (URL)
        if (url) {
            window.location.href = url; // Redirect to the selected route
        }
    }
</script>
@endpush

@endsection