@extends('layouts.master')


@section('content')
<main>
  <div class="px-4 py-5 my-5 text-center" style="    background-color: #fff3ea;">
     <h1 class="display-5 fw-bold"> Provider Price List</h1>
    <div class="col-lg-6 mx-auto">
      <p class="lead mb-4">Quickly design and customize responsive mobile-first sites with Bootstrap, the world’s most popular front-end open source toolkit, featuring Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful JavaScript plugins.</p>

    </div>
  </div>



  <div class="container ">



<div class="row">

            <div>
            <table class="table table-bordered">
              <thead>
                <tr>
                  <th scope="col">#</th>
                  <th scope="col">Services ID </th>
                  <th scope="col"> Services name </th>
                  <th scope="col"> Discount </th>
                  <th scope="col"> Insurance Price  </th>
                  <th scope="col"> Public Price  </th>
                </tr>
              </thead>
              <tbody class="table-group-divider">
                @foreach ($results as $index=> $result )
                <tr>
                  <th scope="row">{{ $index + 1 }}</th>
                  <td>{{ $result->id }}</td>
                  <td>{{ $result->service_name_en }}</td>
                  <td>{{ $result->discount_price }}</td>
                  <td>{{ $result->insurance_price }}</td>
                  <td>{{ $result->public_price }}</td>
                 </tr>
                @endforeach


              </tbody>
            </table>
            {{ $results->links() }}
            </div>



</div>



  </div>



</main>



@endsection