@extends('backend.layout.master')
@include('backend.kg-settings.css')
@section('content')
    
<style type="text/css">
.dataTables_length {
    display: none;
}
.dataTables_filter {
    display: none;
}
.only_icon{
  padding: 10px 12px;
}
</style>
    <!--Start Hero-->
      <section class="hero-section business-startup">
         
            <div class="container">
               <div class="row">
                  <div class="col-md-8">
                    <div class="heading mb-3"><h2>Settings</h2></div>
                  </div>
                  <div class="col-md-4"></div>
                  </div>
                  <div class="row">
                    <div class="col-md-12">
                     
                        
                        
                          
                          <ul class="nav nav-tabs" role="tablist">
                              <li class="nav-item">
                                  <a class="nav-link active show" id="top-general-tab" data-toggle="tab" href="#top-general" role="tab" aria-controls="top-general" aria-selected="true">
                                      <span class="align-middle">General</span>
                                  </a>
                              </li>
                              <li class="nav-item">
                                  <a class="nav-link" id="profile-top-tab" data-toggle="tab" href="#top-holidays" role="tab" aria-controls="top-holidays" aria-selected="false">
                                      <span class="align-middle">Holidays</span>
                                  </a>
                              </li>
                              <li class="nav-item">
                                  <a class="nav-link" id="contact-top-tab" data-toggle="tab" href="#top-group" role="tab" aria-controls="top-group" aria-selected="false">
                                      <span class="align-middle">Groups</span>
                                  </a>
                              </li>
                              <li class="nav-item">
                                  <a class="nav-link" id="contact-top-tab" data-toggle="tab" href="#top-billing" role="tab" aria-controls="top-billing" aria-selected="false">
                                      <span class="align-middle">Billing</span>
                                  </a>
                              </li>
                          </ul>

                          <div class="tab-content">
                            <div class="tab-pane show fade active" id="top-general" aria-labelledby="top-general-tab" role="tabpanel">
                                <div class="col-sm-12 col-xl-6">
                                  <form class="form theme-form" id="generalForm">
                                    <div class="card-body">
                                      <div class="row">
                                        <div class="col">
                                          <div class="form-group">
                                            <label for="exampleFormControlInput1">Full Time Price</label>
                                            <input class="form-control" name="full_time_price"
                                                                   type="number" min="0"
                                                                   value="{{ $user->full_time_price }}">
                                          </div>
                                        </div>
                                      </div>
                                      <div class="row">
                                        <div class="col">
                                          <div class="form-group">
                                            <label for="exampleFormControlInput1">Part Time Price</label>
                                            <input class="form-control" name="part_time_price"
                                                                   type="number" min="0"
                                                                   value="{{ $user->part_time_price }}">
                                          </div>
                                        </div>
                                      </div>
                                      <div class="row">
                                        <div class="col">
                                          <div class="form-group">
                                            <button class="btn btn-pill round btn-primary" type="submit">
                                                Update
                                            </button>
                                      
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </form>
                                </div>
                            </div>


                            <div class="tab-pane fade" id="top-holidays" role="tabpanel" aria-labelledby="profile-top-tab">
                              <div class="row">
                                <div class="col-md-6">
                                  <div class="table-responsive hsqe_edits">
                                    <table class="table display" id="holiday-table">
                                        <thead>
                                            <tr>
                                                <th>DATE</th>
                                                <th>NAME</th>
                                                <th>MESSAGE</th>
                                                <th>ACTIONS</th>
                                                
                                            </tr>
                                        </thead>
                                        <tbody>
                                            
                                        </tbody>  
                                    </table>
                                  </div>
                                </div>

                                <div class="col-md-6">

                                    <div class="loading">
                                        <div class="spinner-border" role="status">
                                            <span class="sr-only">Loading...</span>
                                        </div>
                                    </div>

                                  <div class="card shadow-0 border card_border_radius">
                                    <div class="card-header">
                                      <h5>Add Holiday</h5>
                                    </div>
                                    <div class="card-body">
                                      <form class="form theme-form" id="holidayForm">
                                        <input type="hidden" name="holiday_id" id="holiday_id" value="0">
                                        <div class="card-body">
                                          <div class="row">
                                            <div class="col">
                                              <div class="form-group">
                                                <label for="exampleFormControlInput1">Name</label>
                                                <input class="form-control"
                                                                       id="holiday_name" name="holiday_name" type="text"
                                                                       placeholder="Name">
                                              </div>
                                            </div>
                                          </div>
                                          <div class="row">
                                            <div class="col">
                                              <!-- <input class="datepicker-here form-control"
                                                                       type="text" id="holiday_date" name="holiday_date"
                                                                       data-language="en"
                                                                       placeholder="MM/DD/YYYY"> -->

                                                <fieldset class="form-group position-relative has-icon-left">
                                                  <input type="text" data-language="en" class="datepicker-here form-control" placeholder="MM/DD/YYYY" name="holiday_date" id="holiday_date">
                                                  <div class="form-control-position">
                                                      <i class='bx bx-calendar'></i>
                                                  </div>
                                                </fieldset>

                                            </div>
                                          </div>
                                          <div class="row">
                                            <div class="col">
                                              <div class="form-group">
                                                <label for="exampleFormControlInput1">Message</label>
                                                <textarea class="form-control" id="message" name="message" rows="4" cols="50"></textarea>
                                              </div>
                                            </div>
                                          </div>
                                          <div class="row">
                                            <div class="col">
                                              <div class="form-group text-center mt-2 d-flex justify-content-center add-button-div">
                                                <!-- <button class="btn btn-pill btn-primary round"
                                                        id="holidaySubmitBtn" type="submit"><i class="fas fa-plus-circle"></i> Add</button> -->
                                                <button id="holidaySubmitBtn" class="btn btn-pill btn-primary round add_button" type="submit"><img class="w-50" src="{!! asset('new_html/app-assets/images/elements/Path 111.svg') !!}"> Add</button>

                                          
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        
                                      </form>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>


                            <div class="tab-pane" id="top-group" role="tabpanel" aria-labelledby="contact-top-tab">
                                <div class="row">
                                  <div class="col-md-6">
                                    <div class="table-responsive hsqe_edits">
                                      <table class="table display" id="group-table">
                                        <thead>
                                            <tr>
                                                <th>GROUP</th>
                                                <th>ACTIONS</th>  
                                            </tr>
                                        </thead>
                                        <tbody>
                                            
                                        </tbody>  
                                      </table>
                                    </div>
                                    
                                  </div>
                                  <div class="col-md-6">

                                    <div class="loading">
                                        <div class="spinner-border" role="status">
                                            <span class="sr-only">Loading...</span>
                                        </div>
                                    </div>

                                    <div class="card shadow-0 border card_border_radius">
                                      <div class="card-header">
                                        <h5>Add Group</h5>
                                      </div>
                                      <div class="card-body">
                                         <form class="form theme-form" id="groupForm">
                                                <input type="hidden" name="group_id" id="group_id" value="0">
                                          <div class="card-body">
                                            <div class="row">
                                              <div class="col">
                                                <div class="form-group">
                                                  <label for="exampleFormControlInput1">Group Name</label>
                                                  <input class="form-control" id="group_name" type="text"
                                                                       name="group_name"
                                                                       placeholder="Group Name">
                                                </div>
                                              </div>
                                            </div>
                                           
                                            <div class="row">
                                              <div class="col">
                                                <div class="form-group text-center mt-2 d-flex justify-content-center add-button-div">
                                                  <!-- <button class="btn btn-pill btn-primary round" type="submit"><i class="fas fa-plus-circle"></i> Add</button> -->
                                                
                                                  <button class="btn btn-pill btn-primary round add_button" type="submit"><img class="w-50" src="{!! asset('new_html/app-assets/images/elements/Path 111.svg') !!}"> Add</button>

                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                          
                                        </form>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                            </div>


                            <div class="tab-pane fade"  id="top-billing" role="tabpanel" aria-labelledby="contact-top-tab">
                              <div class="row">
                                <div class="col-md-6">
                                  <div class="table-responsive hsqe_edits">
                                    <table class="table display" id="basic-36">
                                        <thead>
                                            <tr>
                                                <th>DATE</th>
                                                <th>ACTIVITY</th>
                                                <th>AMOUNT</th>
                                                
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($billing as $bill)
                                                <tr class="edit-search-content All Risk_Assessment">
                                                    <td>
                                                        <div
                                                            class="product-name">{{ date('m/d/Y',strtotime($bill->created_at)) }} </div>
                                                    </td>
                                                    <td>
                                                        <div class="product-name">Subscription</div>
                                                    </td>
                                                    <td>
                                                        <div class="product-name">
                                                            ${{ round($bill->amount,2) }} </div>
                                                    </td>
                                                </tr>
                                            @endforeach
                                            
                                        </tbody>
                                        
                                    </table>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                       
                     
                    </div>
                    
                  </div>
               </div>
            </div>
         
      </section>
      <!--End Hero-->
      <div class="modal fade" id="message_preview" tabindex="-1" role="dialog" aria-labelledby="message_preview" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title">Message Preview</h5>
              <button class="close" type="button" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
            </div>
            <div class="modal-body p-0">
              <div class="card-body">
                <div class="row">
                  <div class="col">
                    <div class="row">
                      <div class="col">
                        <div class="form-group">
                          <p id="messageText"></p>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    
@endsection


@section('page_js')
    @include('backend.kg-settings.js')
@endsection