<style>
  .row-custom{height: 30px;}
  .row-custom:nth-child(even) {background: #F0F0F0; padding: 20px;}
  .row-custom:nth-child(odd) {background: #E0E0E0; padding: 20px;}
</style>
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
  <div class="modal-header">
    <h6 class="modal-title">{{ $name }}</h6>
    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{__('app.close')}}"></button>
  </div>
  <div class="modal-body">
    <div class="box-body col-md-12">
      <div class="border-top bg-light px-3 py-1">
        <div class="row">
        <label class="col-md-4 form-label text-dark">{{ __('app.total') }}</label>
        <div class="col-md-6">
          <label class="control-label text-dark">{{ $scheduled_detail->Total ?? '---'  }}</label>
        </div>
      </div>
      </div>
      <div class="border-top bg-light px-3 py-1">
        <div class="row">
        <label class="col-md-4 form-label text-dark">{{ __('app.scheduled') }}</label>
        <div class="col-md-6">
          <label class="control-label text-dark">{{ $scheduled_detail->Scheduled ?? '---'  }}</label>
        </div>
      </div>
      </div>
      <div class="border-top bg-light px-3 py-1">
        <div class="row">
        <label class="col-md-4 form-label text-dark">{{ __('app.inactive') }}</label>
        <div class="col-md-6">
          <label class="control-label text-dark">{{ $scheduled_detail->Inactive ?? '---' }}</label>
        </div>
      </div>
      </div>
      <div class="border-top bg-light px-3 py-1">
        <div class="row">
        <label class="col-md-4 form-label text-dark">{{ __('app.unsubscribed') }}</label>
        <div class="col-md-6">
          <label class="control-label text-dark">{{ $scheduled_detail->Unsubscribed ?? '---'  }}</label>
        </div>
      </div>
      </div>
      <div class="border-top bg-light px-3 py-1">
        <div class="row">
        <label class="col-md-4 form-label text-dark">{{ __('app.duplicates') }}</label>
        <div class="col-md-6">
          <label class="control-label text-dark">{{ $scheduled_detail->Duplicates ?? '---'  }}</label>
        </div>
      </div>
      </div>
      <div class="border-top bg-light px-3 py-1">
        <div class="row">
        <label class="col-md-4 form-label text-dark">{{ __('app.suppressed') }}</label>
        <div class="col-md-6">
          <label class="control-label text-dark">{{ $scheduled_detail->Suppressed ?? '---'  }}</label>
        </div>
      </div>
      </div>
      <div class="border-top bg-light px-3 py-1">
        <div class="row">
        <label class="col-md-4 form-label text-dark">{{ __('app.bounced') }}</label>
        <div class="col-md-6">
          <label class="control-label text-dark">{{ $scheduled_detail->Bounced ?? '---'  }}</label>
        </div>
      </div>
      </div>
      <div class="border-top bg-light px-3 py-1">
        <div class="row">
        <label class="col-md-4 form-label text-dark">{{ __('app.spammed') }}</label>
        <div class="col-md-6">
          <label class="control-label text-dark">{{ $scheduled_detail->Spammed ?? '---'  }}</label>
        </div>
      </div>
      </div>
    </div>
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-danger" data-bs-dismiss="modal">{{__('app.close')}}</button>
  </div>
</div>
</div>