@extends('layouts.app')

@section('content')
<div class="container">
  <div class="row justify-content-center">
    <div class="col-md-12">
      <div class="card">
        <div class="card-header">
          <h3>Keyword Planner</h3>
        </div>

        <div class="card-body">
<form method="POST" action="{{ route('keyword.ideas') }}">
            @csrf
            <div class="row">
              <div class="col-md-4 mb-3">
                <label for="input_type">Input Type</label>
                <select name="input_type" id="input_type" class="form-control" required>
                  <option value="url" {{ old('input_type', $formData['input_type'] ?? '') == 'url' ? 'selected' : '' }}>Website URL</option>
                  <option value="keyword" {{ old('input_type', $formData['input_type'] ?? '') == 'keyword' ? 'selected' : '' }}>Keyword</option>
                </select>
              </div>

              <div class="col-md-4 mb-3">
                <label for="input_value">Enter URL or Keyword</label>
                <input type="text" name="input_value" id="input_value" class="form-control"
                       value="{{ old('input_value', $formData['input_value'] ?? '') }}" required>
              </div>

           @php
  $selectedLanguage = old('language', request('language'));
  $languages = [
    '1000'=>'English','1001'=>'Japanese','1002'=>'French','1003'=>'Spanish',
    '1004'=>'Portuguese','1005'=>'German','1006'=>'Italian','1007'=>'Dutch',
    '1008'=>'Russian','1009'=>'Chinese (Simplified)','1010'=>'Chinese (Traditional)',
    '1011'=>'Korean','1012'=>'Polish','1013'=>'Turkish','1014'=>'Vietnamese',
    '1015'=>'Arabic','1016'=>'Hebrew','1017'=>'Swedish','1018'=>'Czech',
    '1019'=>'Hungarian','1020'=>'Greek','1021'=>'Romanian','1022'=>'Finnish',
    '1023'=>'Norwegian','1024'=>'Danish','1025'=>'Bulgarian','1026'=>'Catalan',
    '1027'=>'Croatian','1028'=>'Slovak','1029'=>'Lithuanian','1030'=>'Slovenian',
    '1031'=>'Estonian','1032'=>'Latvian','1033'=>'Ukrainian','1034'=>'Serbian',
    '1035'=>'Hindi','1036'=>'Malay','1037'=>'Filipino','1038'=>'Bengali',
    '1039'=>'Tamil','1040'=>'Telugu','1041'=>'Marathi'
  ];

  $selectedLocation = old('location', request('location'));
  $locations = [
    '2840'=>'United States','2826'=>'United Kingdom','2356'=>'India',
    '2036'=>'Australia','2124'=>'Canada','2250'=>'France','2276'=>'Germany',
    '2232'=>'Spain','2076'=>'Brazil','2250'=>'Singapore'
  ];
@endphp

<div class="col-md-2 mb-3">
  <label for="language">Language Code</label>
  <select name="language" id="language" class="form-control">
    <option value=""></option>
    @foreach($languages as $id => $label)
      <option value="{{ $id }}" @selected($selectedLanguage == $id)>
        {{ $label }} ({{ $id }})
      </option>
    @endforeach
  </select>
</div>

<div class="col-md-2 mb-3">
  <label for="location">Location ID</label>
  <select name="location" id="location" class="form-control">
    <option value=""></option>
    @foreach($locations as $id => $label)
      <option value="{{ $id }}" @selected($selectedLocation == $id)>
        {{ $label }} ({{ $id }})
      </option>
    @endforeach
  </select>
</div>
            </div>

            <button type="submit" class="btn btn-primary">Get Keyword Ideas</button>
          </form>
          @isset($results)
            <hr>
            <h4 class="mt-4">Results:</h4>
            <table class="table table-bordered mt-3">
              <thead>
                <tr>
                  <th>#</th>
                  <th>Keyword</th>
                  <th>Avg Monthly Searches</th>
                </tr>
              </thead>
              <tbody>
                @foreach($results as $index => $row)
                  <tr>
                    <td>{{ $index + 1 }}</td>
                    <td>{{ $row['keyword'] }}</td>
                    <td>{{ $row['volume'] }}</td>
                  </tr>
                @endforeach
              </tbody>
            </table>
          @endisset

          @isset($error)
            <div class="alert alert-danger mt-4">{{ $error }}</div>
          @endisset

        </div>
      </div>
    </div>
  </div>
</div>
@endsection