@include('header')
      <!-- partial -->
      <div class="main-panel">
        <div class="content-wrapper">
          <div class="row">
            <div class="col-md-12 grid-margin">
              <div class="rows">
              <div class="card">
                <div class="card-body">
                  <h4 class="card-title">Edit Service</h4>
                  <p align="right"><a href="{{ route('manage.services') }}" class="btn btn-success btn-sm">All Services</a></p>

                  @if(session()->has('success'))
    <div class="alert alert-success" role="alert">
    <strong>Congratulations!</strong> {{ session()->get('success') }}
    </div>
@endif

@if ($errors->has('email') || $errors->has('password'))
							<div class="alert alert-danger" role="alert">
								<strong>Error!</strong> {{ $errors->first('email') }}
                @endif
                @foreach($services as $service)
                  <form method="POST" action="{{ route('edit.service') }}" class="forms-sample">
                    @csrf
                    <div class="form-group">
                      <label for="exampleInputName1"></label>
                      <input name="id" type="hidden" class="form-control" id="exampleInputName1" value="{{ $service->id }}" required>
                    </div>
                    <div class="form-group">
                      <label for="exampleInputEmail3">Service</label>
                      <input name="service" type="text" class="form-control" id="exampleInputEmail3" value="{{ $service->service }}" disabled>
                    </div>
                    <div class="form-group">
                      <label for="exampleInputCity1">Price</label>
                      <input name="price" type="number" class="form-control" id="exampleInputCity1" value="{{ $service->price }}" required>
                    </div>

                    <button type="submit" class="btn btn-primary mr-2">Save</button>
                    <!--button class="btn btn-light">Back</button-->
                  </form>
                @endforeach
                </div>
              </div>
                </div>
              </div>
            </div>

          </div>



          <!--div class="row">
            <div class="col-md-12 grid-margin stretch-card">
              <div class="card">
                <div class="card-body">
                  <p class="card-title">Advanced Table</p>
                  <div class="row">
                    <div class="col-12">
                      <div class="table-responsive">
                        <table id="example" class="display expandable-table" style="width:100%">
                          <thead>
                            <tr>
                              <th>Quote#</th>
                              <th>Product</th>
                              <th>Business type</th>
                              <th>Policy holder</th>
                              <th>Premium</th>
                              <th>Status</th>
                              <th>Updated at</th>
                              <th></th>
                            </tr>
                          </thead>
                      </table>
                      </div>
                    </div>
                  </div>
                  </div>
                </div>

                
              </div>
            </div>
        </div-->
        <!-- content-wrapper ends -->
        <!-- partial: -->
        <footer class="footer">
          <div class="d-sm-flex justify-content-center justify-content-sm-between">
            <span class="text-muted text-center text-sm-left d-block d-sm-inline-block"><p align="center" class="mb-0">Copyright &copy; Tritek Consulting Ltd 2023 </p>  </span>
          </div>
        </footer>
        <!-- partial -->

      </div>
      <!-- main-panel ends -->
    </div>   
    <!-- page-body-wrapper ends -->
  </div>
  <!-- container-scroller -->
  <!-- container-scroller -->
  <!-- plugins:js -->
  <script src="{{ asset('vendors/js/vendor.bundle.base.js') }}"></script>
  <!-- endinject -->
  <!-- Plugin js for this page -->
  <script src="{{ asset('vendors/typeahead.js/typeahead.bundle.min.js') }}"></script>
  <script src="{{ asset('vendors/select2/select2.min.js') }}"></script>
  <!-- End plugin js for this page -->
  <!-- inject:js -->
  <script src="{{ asset('js/off-canvas.js') }}"></script>
  <script src="{{ asset('js/hoverable-collapse.js') }}"></script>
  <script src="{{ asset('js/template.js') }}"></script>
  <script src="{{ asset('js/settings.js') }}"></script>
  <script src="{{ asset('js/todolist.js') }}"></script>
  <!-- endinject -->
  <!-- Custom js for this page-->
  <script src="{{ asset('js/file-upload.js') }}"></script>
  <script src="{{ asset('js/typeahead.js') }}"></script>
  <script src="{{ asset('js/select2.js') }}"></script>
  <!-- End custom js for this page-->

  <!-- Plugin js for this page -->
  <script src="{{ asset('vendors/chart.js/Chart.min.js') }}"></script>
  <!-- Custom js for this page>
  <script src="{{ asset('js/chart.js') }}"></script-->
  <!-- Custom js for this page-->
  <script src="{{ asset('js/dashboards.js') }}"></script>
  <script src="{{ asset('js/Chart.roundedBarCharts.js') }}"></script>
  <!-- End custom js for this page-->

  <!-- End custom js for this page-->


</body>

</html>