@extends('layouts.app')
@section('content')
<div class="d-flex justify-content-between align-items-center flex-wrap grid-margin mb-3">
  <div>
    <h4 class="mb-0">Flow Switches (Day/Night)</h4>
    <div class="text-secondary small mt-1">Feature codes that route to different destinations based on switch state.</div>
  </div>
  <div class="mt-2 mt-md-0">
    <a href="{{ route('applications.flowswitches.create') }}" class="btn btn-primary btn-sm">+ New Switch</a>
  </div>
</div>

@foreach (['success','info','error'] as $k)
  @if(session($k))
    <div class="alert {{ $k==='error'?'alert-danger':($k==='info'?'alert-info':'alert-success') }}">{{ session($k) }}</div>
  @endif
@endforeach

<div class="card">
  <div class="card-body p-0">
    <div class="table-responsive">
      <table class="table table-hover align-middle mb-0">
        <thead>
          <tr>
            <th>Name</th>
            <th class="text-center">Code</th>
            <th class="text-center">State</th>
            <th class="text-center">Auto Reset</th>
            <th>Open ? Dest</th>
            <th>Closed ? Dest</th>
            <th class="text-end">Actions</th>
          </tr>
        </thead>
        <tbody>
          @forelse($items as $s)
            <tr>
              <td>{{ $s->name }}</td>
              <td class="text-center font-monospace">{{ $s->code }}</td>
              <td class="text-center">
                @if($s->state==='open')
                  <span class="badge bg-success">OPEN</span>
                @else
                  <span class="badge bg-danger">CLOSED</span>
                @endif
              </td>
              <td class="text-center">{{ $s->auto_reset_at? $s->auto_reset_at->toDayDateTimeString() : '' }}</td>
              <td>{{ $s->open_dest_type ?: '' }} {{ $s->open_dest_id ? "→ ".$s->open_dest_id : '' }}</td>
              <td>{{ $s->closed_dest_type ?: '' }} {{ $s->closed_dest_id ? "→ ".$s->closed_dest_id : '' }}</td>
              <td class="text-end">
                <a class="btn btn-outline-primary btn-sm" href="{{ route('applications.flowswitches.edit',$s->id) }}">Edit</a>
                <form class="d-inline" method="POST" action="{{ route('applications.flowswitches.toggle',$s->id) }}">
                  @csrf
                  <input type="hidden" name="pin" value="">
                  <button class="btn btn-outline-secondary btn-sm" type="submit">{{ $s->state==='open'?'Close':'Open' }}</button>
                </form>
              </td>
            </tr>
          @empty
            <tr><td class="text-center text-secondary py-4" colspan="7">No switches yet.</td></tr>
          @endforelse
        </tbody>
      </table>
    </div>
  </div>
</div>

<div class="mt-3">{{ $items->links() }}</div>
@endsection