@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">New Flow Switch</h4>
    <div class="text-secondary small mt-1">Create a day/night switch feature code.</div>
  </div>
</div>

<form method="POST" action="{{ route('applications.flowswitches.store') }}">
  @csrf
  <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" 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" placeholder="e.g. *2801" 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 (optional)</label>
          <input name="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">Initial State</label>
          <select name="state" class="form-select">
            <option value="open">open</option>
            <option value="closed">closed</option>
          </select>
        </div>

        <div class="col-12 col-md-6">
          <label class="form-label">Auto Reset At (optional)</label>
          <input type="datetime-local" name="auto_reset_at" 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" placeholder="extension|ring_group|external|..." class="form-control">
        </div>
        <div class="col-12 col-md-6">
          <label class="form-label">Open Destination ID</label>
          <input name="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" class="form-control">
        </div>
        <div class="col-12 col-md-6">
          <label class="form-label">Closed Destination ID</label>
          <input name="closed_dest_id" class="form-control">
        </div>
      </div>
    </div>
    <div class="card-footer d-flex gap-2 justify-content-end">
      <a href="{{ route('applications.flowswitches.index') }}" class="btn btn-outline-secondary btn-sm">Cancel</a>
      <button class="btn btn-primary btn-sm" type="submit">Save</button>
    </div>
  </div>
</form>
@endsection