@extends('layouts.admin-simple')

@section('content')
<div class="content-header">
  <div class="container-fluid">
    <h1 class="m-0">Finish setting up {{ $channel->name }}</h1>
  </div>
</div>

<section class="content">
  <div class="container-fluid">
    <div class="row">
      <div class="col-lg-8">
        <div class="card">
          <form action="{{ route('channel.complete.store', ['channel' => $channel->id], false) }}" method="POST">
            @csrf
            <div class="card-body">
              <p>
                This number was connected through a signup link. The channel stays inactive
                until these details are saved. Saving also subscribes the app and registers
                the number with Meta.
              </p>

              <dl class="row mb-4">
                <dt class="col-sm-4">Phone number</dt>
                <dd class="col-sm-8">{{ $account->display_phone_number ?? '—' }}</dd>
                <dt class="col-sm-4">WhatsApp Business Account ID</dt>
                <dd class="col-sm-8">{{ $account->wa_waba_id ?? '—' }}</dd>
                <dt class="col-sm-4">Business ID</dt>
                <dd class="col-sm-8">{{ ($account->fb_business_id ?? null) ?: '—' }}</dd>
              </dl>

              @unless($canEdit)
              <div class="alert alert-info">Ask the channel owner to finish setup.</div>
              @endunless

              <fieldset @unless($canEdit) disabled @endunless>
                <div class="form-group">
                  <label for="name">Channel name <span class="text-danger">*</span></label>
                  <input type="text" class="form-control @error('name') is-invalid @enderror" id="name" name="name"
                    value="{{ old('name', $channel->name) }}" required>
                  @error('name')
                  <span class="invalid-feedback">{{ $message }}</span>
                  @enderror
                </div>

                <div class="row">
                  <div class="col-md-4">
                    <div class="form-group">
                      <label for="date_from">Active from <span class="text-danger">*</span></label>
                      <input type="date" class="form-control @error('date_from') is-invalid @enderror" id="date_from"
                        name="date_from" value="{{ old('date_from', now()->toDateString()) }}" required>
                      @error('date_from')
                      <span class="invalid-feedback">{{ $message }}</span>
                      @enderror
                    </div>
                  </div>
                  <div class="col-md-4">
                    <div class="form-group">
                      <label for="date_to">Active until</label>
                      <input type="date" class="form-control @error('date_to') is-invalid @enderror" id="date_to"
                        name="date_to" value="{{ old('date_to') }}">
                      @error('date_to')
                      <span class="invalid-feedback">{{ $message }}</span>
                      @enderror
                    </div>
                  </div>
                  <div class="col-md-4">
                    <div class="form-group">
                      <label for="follow_up_minutes">Follow-up after (minutes)</label>
                      <input type="number" min="0" class="form-control @error('follow_up_minutes') is-invalid @enderror"
                        id="follow_up_minutes" name="follow_up_minutes" value="{{ old('follow_up_minutes') }}">
                      @error('follow_up_minutes')
                      <span class="invalid-feedback">{{ $message }}</span>
                      @enderror
                    </div>
                  </div>
                </div>
              </fieldset>
            </div>
            @if($canEdit)
            <div class="card-footer">
              <button type="submit" class="btn btn-success">Save and activate</button>
            </div>
            @endif
          </form>
        </div>
      </div>
    </div>
  </div>
</section>
@endsection