@extends('layouts.master')
@section('title', __('locale.Create_New_Partner'))
@section('content')
  <style>
    #partner_id {
      border: 1px solid #e9edf4;
    }

    .select2 {
      border: 1px solid #e9edf4;
    }
  </style>
  <div class="main-content app-content mt-0">
    <div class="side-app">

      <!-- CONTAINER -->
      <div class="main-container container-fluid">

        <!-- PAGE-HEADER -->
        <div class="page-header">
          <h1 class="page-title">
            @if ($partner)
              {{ __('locale.Edit_Partner') }}
            @else
              {{ __('locale.Create_New_Partner') }}
            @endif
          </h1>
          <div>
            <ol class="breadcrumb">
              <li class="breadcrumb-item"><a href="javascript:void(0)">
                  @if ($partner)
                    {{ __('locale.Edit_Partner') }}
                  @else
                    {{ __('locale.Create_New_Partner') }}
                  @endif
                </a></li>
              <li class="breadcrumb-item active" aria-current="page">{{ __('common.home') }}</li>
            </ol>
          </div>
        </div>
        <div class="row">
          <div class="col-12">
            <div class="card">

              <div class="container-fluid">

                <div class="card-body">
                  <form
                    action="{{ $partner ? route('admin.partners.update', $partner->id) : route('admin.partners.store') }}"
                    method="POST" id="partner-form">
                    @csrf
                    @if ($partner)
                      @method('PUT')
                    @endif

                    <div class="row">
                      <div class="col-md-6 mb-3">
                        <label for="partner_id" class="form-label">
                          {{ __('locale.Partner_ID') }}
                          <span class="text-danger">*</span>
                        </label>

                        <input type="text" class="form-control @error('partner_id') is-invalid @enderror"
                          id="partner_id" name="partner_id"
                          value="{{ old('partner_id') ?? ($partner->partner_id ?? '') }}"
                          placeholder="{{ __('locale.Example_Partner_ID') }}" required>

                        <small class="form-text text-muted">
                          {{ __('locale.Lowercase_Letters_Numbers_Underscores_Only') }}
                        </small>

                        @error('partner_id')
                          <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                      </div>

                      <div class="col-md-6 mb-3">
                        <label for="company_name" class="form-label">
                          {{ __('locale.Company_Name') }}
                        </label>

                        <select class="form-control @error('user_id') is-invalid @enderror" id="user_id" name="user_id"
                          {{ $partner ? 'disabled' : 'required' }}>
                          <option value="">{{ __('locale.Select_Company') }}</option>
                          @foreach ($companies as $company)
                            <option value="{{ $company->id }}"
                              {{ old('user_id', $partner->user_id ?? '') == $company->id ? 'selected' : '' }}>
                              {{ $company->name }} ({{ $company->email }})
                            </option>
                          @endforeach
                        </select>
                        @if ($partner)
                          <input type="hidden" name="user_id" value="{{ $partner->user_id }}">
                        @endif

                        @error('user_id')
                          <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                      </div>
                    </div>



                    <div class="row">


                      <div class="col-md-6 mb-3">
                        <label for="rate_limit_per_minute" class="form-label">
                          {{ __('locale.Rate_Limit_Per_Minute') }}
                          <span class="text-danger">*</span>
                        </label>

                        <input type="number" class="form-control @error('rate_limit_per_minute') is-invalid @enderror"
                          id="rate_limit_per_minute" name="rate_limit_per_minute"
                          value="{{ old('rate_limit_per_minute', 60) ?? ($partner->rate_limit_per_minute ?? '') }}"
                          required>

                        <small class="form-text text-muted">
                          {{ __('locale.Minimum_Maximum_Requests_Per_Minute') }}
                        </small>

                        @error('rate_limit_per_minute')
                          <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                      </div>

                      <div class="col-md-4 mb-3 d-none">
                        <label for="webhook_url" class="form-label">
                          {{ __('locale.Webhook_URL') }}
                        </label>

                        <input type="url" class="form-control @error('webhook_url') is-invalid @enderror"
                          id="webhook_url" name="webhook_url"
                          value="{{ old('webhook_url') ?? ($partner->webhook_url ?? '') }}"
                          placeholder="{{ __('locale.Example_Webhook_URL') }}">

                        <small class="form-text text-muted">
                          {{ __('locale.Receive_Real_Time_Verification_Results') }}
                        </small>

                        @error('webhook_url')
                          <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                      </div>
                      <div class="col-md-6 mb-3">
                        <label for="key_expires_at" class="form-label">
                          {{ __('locale.API_Key_Expiry_Date') }}
                        </label>

                        <input type="date" class="form-control @error('key_expires_at') is-invalid @enderror"
                          id="key_expires_at" name="key_expires_at"
                          value="{{ old('key_expires_at', $partner?->key_expires_at ? \Carbon\Carbon::parse($partner?->key_expires_at)->format('Y-m-d') : '') }}">

                        <small class="form-text text-muted">
                          {{ __('locale.Leave_Empty_For_No_Expiry') }}
                        </small>

                        @error('key_expires_at')
                          <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                      </div>

                    </div>


                    <!-- IP Whitelist -->
                    <div class="mb-3">
                      <label class="form-label">
                        {{ __('locale.IP_Whitelist_Optional') }}
                      </label>

                      <div id="ip-whitelist-container">
                        @php
                          // Get IP whitelist from old input or from partner
                          $ipWhitelist = old('ip_whitelist', []);

                          // If no old input and partner exists, get from partner
                          if (empty($ipWhitelist) && isset($partner) && $partner) {
                              // Check if ip_whitelist is already an array (if cast in model)
                              if (is_array($partner->ip_whitelist)) {
                                  $ipWhitelist = $partner->ip_whitelist;
                              }
                              // Check if it's a JSON string
    elseif (is_string($partner->ip_whitelist) && !empty($partner->ip_whitelist)) {
        $ipWhitelist = json_decode($partner->ip_whitelist, true);
        if (!is_array($ipWhitelist)) {
            $ipWhitelist = [];
        }
    }
    // If it's null or empty
                              else {
                                  $ipWhitelist = [];
                              }
                          }

                          // Ensure it's always an array
                          if (!is_array($ipWhitelist)) {
                              $ipWhitelist = [];
                          }
                        @endphp

                        @if (count($ipWhitelist) > 0)
                          @foreach ($ipWhitelist as $ip)
                            <div class="input-group mb-2">
                              <input type="text" name="ip_whitelist[]" class="form-control"
                                value="{{ $ip }}" placeholder="{{ __('locale.Example_IP') }}">
                              <button type="button" class="btn btn-danger remove-ip">
                                <i class="fe fe-trash-2"></i> {{ __('locale.Remove') }}
                              </button>
                            </div>
                          @endforeach
                        @else
                          <div class="input-group mb-2">
                            <input type="text" name="ip_whitelist[]" class="form-control"
                              placeholder="{{ __('locale.Example_IP') }}">
                            <button type="button" class="btn btn-danger remove-ip">
                              <i class="fe fe-trash-2"></i> {{ __('locale.Remove') }}
                            </button>
                          </div>
                        @endif
                      </div>

                      <button type="button" class="btn btn-sm btn-secondary" id="add-ip">
                        <i class="fe fe-plus"></i>
                        {{ __('locale.Add_IP_Address') }}
                      </button>

                      <small class="form-text text-muted d-block mt-2">
                        <i class="fe fe-info"></i>
                        {{ __('locale.Leave_Empty_To_Allow_All_IPs') }}
                      </small>
                    </div>

                    <!-- Status -->
                    <div class="mb-3">
                      <div class="form-check">
                        <input type="checkbox" class="form-check-input" id="is_active" name="is_active"
                          value="1"
                          {{ old('is_active', isset($partner) ? $partner->is_active : true) ? 'checked' : '' }}>

                        <label class="form-check-label" for="is_active">
                          {{ __('locale.Active') }}
                        </label>
                      </div>
                    </div>
                    <!-- Info Alerts -->
                    @if (!isset($partner) || !$partner)
                      <div class="alert alert-info">
                        <i class="fe fe-info"></i>
                        {{ __('locale.Upon_Creation_API_Key_Message') }}
                      </div>
                    @else
                      <div class="alert alert-warning">
                        <i class="fe fe-alert-triangle"></i>
                        {{ __('locale.Edit_Warning_Message') }}
                      </div>

                      @if (session('api_key'))
                        <div class="alert alert-success">
                          <i class="fe fe-check-circle"></i>
                          <strong>{{ __('locale.New_API_Key_Generated') }}</strong><br>
                          <code id="new-api-key">{{ session('api_key') }}</code>
                          <button type="button" class="btn btn-sm btn-outline-success ms-2" onclick="copyApiKey()">
                            <i class="fe fe-copy"></i> {{ __('locale.Copy_Key') }}
                          </button>
                          <p class="mt-2 mb-0 text-danger">
                            <small>{{ __('locale.Api_Key_Shown_Once_Warning') }}</small>
                          </p>
                        </div>
                      @endif
                    @endif

                    <!-- Form Actions -->
                    <div class="mt-3">
                      <button type="submit" class="btn btn-primary" id="submit-btn">
                        <i class="fe fe-save"></i>
                        {{ isset($partner) && $partner ? __('locale.Update_Partner') : __('locale.Create_Partner') }}
                      </button>


                      @if (isset($partner) && $partner)
                        <button type="button" class="btn btn-warning" id="regenerate-api-key"
                          data-id="{{ $partner->id }}">
                          <i class="fe fe-refresh-cw"></i> {{ __('locale.Regenerate_API_Key') }}
                        </button>
                      @endif
                    </div>
                  </form>
                </div>
              </div>
            </div>
          </div>

        </div>

      </div>
    </div>
  </div>

@endsection

@section('bottom_script')
  <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
  <script>
    $(document).ready(function() {
      // Initialize Select2 for company selection (only for create mode)
      @if (!isset($partner) || !$partner)
        $('#user_id').select2({
          theme: 'bootstrap-5',
          placeholder: '{{ __('locale.Select_Company') }}',
          allowClear: true,
          width: '100%'
        });
      @endif

      // Auto-generate partner_id from company name (only for create mode)
      @if (!isset($partner) || !$partner)
        $('#user_id').on('change', function() {
          if (!$('#partner_id').val()) {
            var selectedOption = $('#user_id option:selected');
            var companyName = selectedOption.text().split('(')[0].trim();
            var generatedId = companyName.toLowerCase().replace(/[^a-z0-9]/g, '_');
            $('#partner_id').val(generatedId);
          }
        });
      @endif

      // Add IP field
      $('#add-ip').click(function() {
        var container = $('#ip-whitelist-container');
        var newField = `
            <div class="input-group mb-2">
                <input type="text" name="ip_whitelist[]" class="form-control" placeholder="{{ __('locale.Example_IP') }}">
                <button type="button" class="btn btn-danger remove-ip">
                    <i class="fe fe-trash-2"></i> {{ __('locale.Remove') }}
                </button>
            </div>
        `;
        container.append(newField);
      });

      // Remove IP field
      $(document).on('click', '.remove-ip', function() {
        $(this).closest('.input-group').remove();
      });

      // Form validation
      $('#partner-form').on('submit', function(e) {
        @if (!isset($partner) || !$partner)
          var userId = $('#user_id').val();
          if (!userId) {
            e.preventDefault();
            alert('{{ __('locale.Please_Select_Company') }}');
            return false;
          }
        @endif

        var partnerId = $('#partner_id').val();
        if (!partnerId) {
          e.preventDefault();
          alert('{{ __('locale.Please_Enter_Partner_ID') }}');
          return false;
        }

        // Validate IP addresses
        var ipAddresses = $('input[name="ip_whitelist[]"]');
        var ipRegex =
          /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/;

        for (var i = 0; i < ipAddresses.length; i++) {
          var ipValue = $(ipAddresses[i]).val();
          if (ipValue && !ipRegex.test(ipValue)) {
            e.preventDefault();
            alert('{{ __('locale.Invalid_IP_Address') }}: ' + ipValue);
            return false;
          }
        }
      });

      // Auto-format partner_id
      $('#partner_id').on('keyup', function() {
        var value = $(this).val();
        value = value.toLowerCase().replace(/[^a-z0-9_]/g, '_');
        $(this).val(value);
      });

      // Regenerate API Key
      $('#regenerate-api-key').click(function() {
        if (confirm('{{ __('locale.Confirm_Regenerate_API_Key') }}')) {
          var partnerId = $(this).data('id');

          $.ajax({
            url: '{{ url('admin/partners') }}/' + partnerId + '/regenerate-api-key',
            type: 'POST',
            data: {
              _token: '{{ csrf_token() }}'
            },
            success: function(response) {
              if (response.status) {
                location.reload();
              } else {
                alert(response.message);
              }
            },
            error: function(xhr) {

              alert('{{ __('locale.Error_Regenerating_API_Key') }}');
            }
          });
        }
      });
    });

    // Copy API key function
    function copyApiKey() {
      const apiKey = document.getElementById('new-api-key').innerText;
      navigator.clipboard.writeText(apiKey).then(function() {
        alert('{{ __('locale.API_Key_Copied') }}');
      });
    }
  </script>
@endsection