@extends('layouts.master')

@section('title')
Edit {{$account->name}}
@endsection

@section('content.header.title')
<strong>Modify Account Type:</strong> {{$account->name}}
@endsection

@section('content')
<section class="content">
  <div class="container-fluid">
    <div class="row">
      <!-- left column -->
      <div class="col-md-12">
        <!-- general form elements -->
        <div class="card card-primary">

          <!-- /.card-header -->
          <!-- form start -->
          <form role="form" method="POST" action="{{ url('accounts/' . $account->id) }}">
            @method('PUT')
            @csrf
            <div class="card-body">
              <div class="form-row">
                <div class="form-group col-md-4">
                  <label for="name">Account Name</label>
                  <input placeholder="Account Name" class="form-control" name="name" id="name"
                    value="{{$account->name}}" required>
                  <input type="hidden" name="id" value="{{$account->id}}">
                </div>
                <div class="form-group col-md-4">
                  <label for="rate">Rate ($)</label>
                  <input type="text" class="form-control" placeholder="Enter Rate" id="rate"
                    name="rate"
                    value="{{$account->rate}}" required>
                </div>
                <div class="form-group col-md-4">
                  <label for="limit">Monthly Limit</label>
                  <input type="text" class="form-control" placeholder="0.0" id="limit" name="limit"
                    value="{{$account->monthly_limit}}" required>
                  <small id="limitHelp" class="form-text text-muted">Max. # of minutes per
                    month</small>
                </div>
              </div>
              <div class="form-group">
                <label for="inputAddress">Description</label>
                <input class="form-control" id="description" name="description"
                  placeholder="Description"
                  value="{{$account->description}}">
              </div>
              <div class="form-row">
                <div class="form-group col-md-4">
                  <label for="tier1">Tier 1 %</label>
                  <input type="text" class="form-control" name="tier1" id="tier1" placeholder="0.00"
                    value="{{$account->ref_tier_1}}" required>
                </div>
                <div class="form-group col-md-4">
                  <label for="tier2">Tier 2 %</label>
                  <input type="text" class="form-control" name="tier2" id="tier2" placeholder="0.00"
                    value="{{$account->ref_tier_2}}" required>
                </div>
                <div class="form-group col-md-4">
                  <label for="tier3">Tier 3 %</label>
                  <input type="text" class="form-control" name="tier3" id="tier3" placeholder="0.00"
                    value="{{$account->ref_tier_3}}" required>
                </div>
              </div>
              <div class="form-group">
                <div class="form-check">
                  <input type="checkbox" class="form-check-input" id="current_flag"
                    name="current_flag"
                    @if($account->current_flag == 1) Checked @endif>
                  <label class="form-check-label" for="current_flag">Active</label>
                </div>
              </div>
            </div>
            <div class="card-footer">
              <a href="/accounts" class="btn btn-default" role="button"
                aria-pressed="true">Cancel</a>
              <button type="submit" class="btn btn-primary float-right">Save</button>
            </div>
          </form>
        </div>
        <!-- /.card -->
      </div>
    </div>
    <!-- /.row -->
  </div><!-- /.container-fluid -->
</section>
@endsection('content')