@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">Edit Flow Switch</h4>
    <div class="text-secondary small mt-1">{{ $flowswitch->name }}</div>
  </div>
  <div class="mt-2 mt-md-0 d-flex gap-2">
    <a href="{{ route('applications.flowswitches.index') }}" class="btn btn-outline-secondary btn-sm">Back</a>
    <form method="POST" action="{{ route('applications.flowswitches.destroy',$flowswitch->id) }}" onsubmit="return confirm('Delete switch?')" class="d-inline">
      @csrf @method('DELETE')
      <button class="btn btn-outline-danger btn-sm" type="submit">Delete</button>
    </form>
  </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

<form method="POST" action="{{ route('applications.flowswitches.update',$flowswitch->id) }}">
  @csrf @method('PUT')
  <div class="card">
    <div class="card-body">
      <div class="row g-3">
        <div class="col-12">
          <label class="form-label">Name</label>
          <input name="name" value="{{ old('name',$flowswitch->name) }}" class="form-control" required>
          @error('name')<div class="text-danger small mt-1">{{ $message }}</div>@enderror
        </div>

        <div class="col-12 col-md-6">
          <label class="form-label">Feature Code</label>
          <input name="code" value="{{ old('code',$flowswitch->code) }}" class="form-control" required>
          @error('code')<div class="text-danger small mt-1">{{ $message }}</div>@enderror
        </div>

        <div class="col-12 col-md-6">
          <label class="form-label">PIN</label>
          <input name="pin" value="{{ old('pin',$flowswitch->pin) }}" class="form-control">
          @error('pin')<div class="text-danger small mt-1">{{ $message }}</div>@enderror
        </div>

        <div class="col-12 col-md-6">
          <label class="form-label">State</label>
          <select name="state" class="form-select">
            @foreach(['open','closed'] as $s)
              <option value="{{ $s }}" @selected($flowswitch->state===$s)>{{ $s }}</option>
            @endforeach
          </select>
        </div>

        <div class="col-12 col-md-6">
          <label class="form-label">Auto Reset At</label>
          <input type="datetime-local" name="auto_reset_at" value="{{ old('auto_reset_at', optional($flowswitch->auto_reset_at)->format('Y-m-d\TH:i')) }}" class="form-control">
        </div>

        <div class="col-12"><hr class="border-secondary opacity-25"></div>

        <div class="col-12 col-md-6">
          <label class="form-label">Open Destination Type</label>
          <input name="open_dest_type" value="{{ old('open_dest_type',$flowswitch->open_dest_type) }}" class="form-control">
        </div>
        <div class="col-12 col-md-6">
          <label class="form-label">Open Destination ID</label>
          <input name="open_dest_id" value="{{ old('open_dest_id',$flowswitch->open_dest_id) }}" class="form-control">
        </div>

        <div class="col-12 col-md-6">
          <label class="form-label">Closed Destination Type</label>
          <input name="closed_dest_type" value="{{ old('closed_dest_type',$flowswitch->closed_dest_type) }}" class="form-control">
        </div>
        <div class="col-12 col-md-6">
          <label class="form-label">Closed Destination ID</label>
          <input name="closed_dest_id" value="{{ old('closed_dest_id',$flowswitch->closed_dest_id) }}" class="form-control">
        </div>
      </div>
    </div>
    <div class="card-footer d-flex justify-content-end">
      <button class="btn btn-primary btn-sm" type="submit">Save</button>
    </div>
  </div>
</form>

<div class="card mt-3">
  <div class="card-body">
    <h5 class="mb-3">Quick Toggle</h5>
    <form method="POST" action="{{ route('applications.flowswitches.toggle',$flowswitch->id) }}" class="row g-2 align-items-end">
      @csrf
      <div class="col-12 col-md-4">
        <label class="form-label">PIN (if set)</label>
        <input name="pin" class="form-control">
      </div>
      <div class="col-12 col-md-4">
        <label class="form-label">Auto reset (minutes)</label>
        <input type="number" name="minutes" min="0" class="form-control" placeholder="0">
      </div>
      <div class="col-12 col-md-4">
        <button class="btn btn-outline-primary btn-sm" type="submit">Toggle</button>
      </div>
    </form>
  </div>
</div>
@endsection