@extends('layouts.app')

@section('content')
<style type="text/css">
.form-check {
  display: flex;
  align-items: center;
}

.form-check-input {
  order: 2; /* move checkbox to the end */
  margin-left: auto; /* space between text and checkbox */
}

.form-check-label::before {
  font-weight: bold;
}

.bg-light {
    background-color: rgb(223 229 255) !important;
}

</style>
<div class="container-fluid">
    <!-- Page Header -->
    <div class="d-md-flex d-block align-items-center justify-content-between my-2 page-header-breadcrumb">
        <div>
        </div>
        <div class="main-dashboard-header-right">

        </div>
    </div>
    <!-- End Page Header -->
    <div class="row">
        <div class="col-xl-6">
            <div class="card custom-card">
                <div class="card-header justify-content-between">
                   <div class="card-title">
                      Api Service Downtime
                   </div>
                </div>
                <div class="card-body">
                  <form id="memberForm" novalidate>
                   @csrf
                   <div class="row">
                      <div class="col-md-12 mb-3">
                          <p class="text-muted">Api Services:</p>
                          <select class="form-control">
                              <option value="">Select</option>
                              <option value="Payment Gateway Api">Payment Gateway Api</option>
                              <option value="Bill Payment Api">Bill Payment Api</option>
                              <option value="Money Transfer Api">Money Transfer Api</option>
                              <option value="Payout Api">Payout Api</option>
                          </select> 
                      </div>

                      <div class="col-md-12 mb-3">
                          <p class="text-muted">Time Limit:</p>
                          <select class="form-control">
                              <option value="">Select</option>
                              <option value="1 Hrs">1 Hrs</option>
                              <option value="2 Hrs">2 Hrs</option>
                              <option value="5Hrs">5Hrs</option>
                              <option value="24 Hrs">24 Hrs</option>
                              <option value="2 Days">2 Days</option>
                              <option value="3 Days">3 Days</option>
                          </select> 
                      </div>
                      <div class="col-md-12 mb-3">
                         <label class="form-label">Downtime Remark</label>
                         <textarea rows="2" class="form-control" placeholder="Remark here...."></textarea>
                      </div>


                      <input type="hidden" name="userid" value="{{@$user->id}}">
                      <div class="col-md-12 text-right">
                         <button type="submit" class="btn btn-primary">Update</button>
                      </div>
                   </div>
                  </form> 
                  </div>
              </div>
        </div>





    </div>

</div>

@endsection