@extends('admin.layout.app')
@section('content')
<style type="text/css">
  .custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 2.75rem;
    pointer-events: all;
    border-radius: 1rem;
}

.custom-control-label::before {
    height: 1.3rem;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #dee2e6;
    -webkit-transform: translateX(0.75rem);
    transform: translateX(1.5rem);
}

.custom-switch .custom-control-label::after {
    width: calc(1.3rem - 4px);
    height: calc(1.3rem - 4px);
}


</style>
  <div class="content-wrapper">
    <div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0">Notification Management</h1> </div>
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="{{url('admin/dashboard')}}"><i class="fas fa-home"></i></a> </li>
              <li class="breadcrumb-item active">Notification Setting</li>
            </ol>
          </div>
        </div>
      </div>
    </div>

  
 <section class="content">
    <div class="container-fluid">
      <div class="row">
        <div class="col-12">
          <div class="card">
            <div class="card-body">
              <form class="needs-validation formSubmit" action="{{url('admin/store-notification')}}" method="post" enctype="multipart/form-data" name="add_model" id="add_model"> 
                  @csrf
                  <div class="row">
                    <div class="col-md-6 mb-2">
                      <label>Notification Enable </label>
                      
                      <div class="custom-control custom-switch custom-switch-off-danger custom-switch-on-success">
                        <input type="checkbox" class="custom-control-input" name="notification_enable" {{@$business_list->notification_enable==1?'checked':''}} id="customSwitch3">
                        <label class="custom-control-label" for="customSwitch3" style="padding-left: 1rem;">Active / De-Active</label>
                      </div>
                    </div>
                    <div class="col-md-6 mb-2">
                      <label>Business</label>
                      <select class="form-control" name="business_name" id="business_name" required>
                        <option value="" disabled="">Select Business</option>
                          <option value="{{$business_list->id}}">{{$business_list->name}}</option>
                      </select>
                    </div>
                    <div class="col-md-6 mb-2">
                      <label>Notification Mobile</label>
                      <input type="text" name="notification_mobile" class="form-control" value="{{$business_list->notification_mobile}}">
                    </div>
                    <div class="col-md-6 mb-2">
                      <label>Notification Email</label>
                      <input type="text" name="notification_email" class="form-control"  value="{{$business_list->notification_email}}">
                    </div>   
                  </div>        
                  <div class="d-flex justify-content-end" style="padding: 34px 0px 0 0px;">
                    <a href="{{url('admin/business')}}" class="btn btn-secondary px-3 mr-1">Back</a>
                    <button type="submit" class="btn btn-primary px-3">Submit</button>
                  </div>
              </form>
              </div>

            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>


@endsection