@extends('layouts.nebulox', [
  'title' => 'Link Machines',
  'subtitle' => 'Assign machines to locations (one location per machine)'
])

@section('content')

<div class="nx-card">
  <div class="nx-card-header">Select Location</div>
  <div class="nx-card-body">

    <form method="GET" action="{{ route('admin.link') }}">
      <label class="nx-label">Location</label>
      <select class="nx-select" name="location_id" onchange="this.form.submit()">
        <option value="">-- Select --</option>
        @foreach($locations as $l)
          <option value="{{ $l->id }}" {{ (string)request('location_id') === (string)$l->id ? 'selected' : '' }}>
            {{ $l->locationName }}
          </option>
        @endforeach
      </select>
      <div class="nx-muted nx-mt-12">Choosing a location updates the lists below.</div>
    </form>

  </div>
</div>

<div class="nx-mt-12"></div>

<div class="nx-grid nx-grid-2">

  <div class="nx-card">
    <div class="nx-card-header">Machines in selected location</div>
    <div class="nx-card-body">
      @if(!$selectedLocation)
        <div class="nx-muted">Select a location first.</div>
      @else
        <div class="nx-scroll">
          <table class="nx-table">
            <thead>
              <tr>
                <th>Machine</th>
                <th>Serial</th>
                <th>Unlink</th>
              </tr>
            </thead>
            <tbody>
              @forelse($linkedMachines as $m)
                <tr>
                  <td><strong>{{ $m->machineName }}</strong></td>
                  <td>{{ $m->machineSerialNumber }}</td>
                  <td>
                    <form method="POST" action="{{ route('admin.link.detach') }}">
                      @csrf
                      <input type="hidden" name="machine_id" value="{{ $m->id }}">
                      <button class="nx-btn nx-btn-secondary" type="submit">Unlink</button>
                    </form>
                  </td>
                </tr>
              @empty
                <tr><td colspan="3" class="nx-muted">No machines linked to this location.</td></tr>
              @endforelse
            </tbody>
          </table>
        </div>
      @endif
    </div>
  </div>

  <div class="nx-card">
    <div class="nx-card-header">Available (unlinked) machines</div>
    <div class="nx-card-body">
      @if(!$selectedLocation)
        <div class="nx-muted">Select a location first.</div>
      @else
        <div class="nx-scroll">
          <table class="nx-table">
            <thead>
              <tr>
                <th>Machine</th>
                <th>Serial</th>
                <th>Link</th>
              </tr>
            </thead>
            <tbody>
              @forelse($unlinkedMachines as $m)
                <tr>
                  <td><strong>{{ $m->machineName }}</strong></td>
                  <td>{{ $m->machineSerialNumber }}</td>
                  <td>
                    <form method="POST" action="{{ route('admin.link.attach') }}">
                      @csrf
                      <input type="hidden" name="location_id" value="{{ $selectedLocation->id }}">
                      <input type="hidden" name="machine_id" value="{{ $m->id }}">
                      <button class="nx-btn nx-btn-primary" type="submit">Link</button>
                    </form>
                  </td>
                </tr>
              @empty
                <tr><td colspan="3" class="nx-muted">No unlinked machines available.</td></tr>
              @endforelse
            </tbody>
          </table>
        </div>
      @endif
    </div>
  </div>

</div>

@endsection