@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">
                      Agent Payout 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">Select Retailer:</p>
                          <select class="form-control">
                              <option value="">Select</option>
                              <option value="Ramesh Kumar RT348587">Ramesh Kumar RT348587</option>
                              <option value="Vimlesh Kumar RT348587">Vimlesh Kumar RT348587</option>
                              <option value="Dayaram ji RT457487">Dayaram ji RT457487</option>
                              <option value="Nitesh Kumar DS83456">Nitesh Kumar DS83456</option>
                          </select> 
                      </div>

                      
                      <div class="col-md-6 mb-3">
                        <label class="form-label">From</label>
                        <input type="date" name="" class="form-control">
                      </div>
                      <div class="col-md-6 mb-3">
                        <label class="form-label">To</label>
                        <input type="date" name="" class="form-control">
                      </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