@extends('layouts.law')
@section('content')

    <!-- Section: inner-header -->
    <section class="inner-header divider overlay-light" data-bg-img="{{ asset('images/header/header2.jpg') }}">
      <div class="container pt-30 pb-30">
        <!-- Section Content -->
        <div class="section-content text-center">
          <div class="row"> 
            <div class="col-md-6 col-md-offset-3 text-center">
              <h2 class="text-theme-colored font-36">SJ Delivery</h2>
              <ol class="breadcrumb text-center mt-10 white">
                <li><a href="{{ route('home') }}">Home</a></li>
                <li class="active text-black">SJ Delivery</li>
              </ol>
            </div>
          </div>
        </div>
      </div>      
    </section>
    
    <!-- Section: About -->
    <section class="bg-no-repeat bg-img-cover"> 
      <div class="container pb-0">
        <div class="row">
          <div class="col-md-12 col-lg-7 col-lg-offset-1">
            <img class="img-fullwidth" src="{{ asset('images/sjdelivery.jpg') }}" alt="">
          </div>
          <div class="col-md-12 col-lg-4 p-20 pt-0">
            <div class="bg-deep p-40 pt-30">
              <h3 class="text-theme-colored text-uppercase line-bottom mb-25 mt-0">SJ Delivery</h3>
              <p class="mb-15">We bring your health needs right at your doorstep!
True to St. Joseph Drug’s brand of quality health care service, our specially trained staff will make sure your needs are delivered fast.</p>
            </div>
          </div>
        </div>
      </div>
    </section>
    
    <section>
      <div class="container">
        <div class="row">
          <div class="col-md-12">




            <div class="container">


                <form class="form-inline" action="{{ route('delivery.index') }}" method="GET" role="search">
                  <div class="form-group">
                    <label for="exampleInputName3">Branch</label>
                    <input type="text"  id="branch" name="branch" placeholder="Branch">
                  </div>
                  
                  <a href="{{ route('delivery.index') }}"><button type="submit" >Search</button></a>
                  <a href="{{ route('delivery.index') }}"><button type="button" >Refresh</button></a>
                </form>



            </div>


            <div class="container">
          
              @foreach($branches as $branchlist)
                <div class="upcoming-events media maxwidth400 bg-light mb-20">
                  <div class="row equal-height">

                    <div class="col-sm-8 border-right pl-2 pl-sm-15">
                      <div class="event-details p-15 mt-20">
                        <h4 class="media-heading text-uppercase font-weight-500">{{ $branchlist->branch }}</h4>
                        <p>{{ $branchlist->address }}</p>
                      </div>
                    </div>
                    <div class="col-sm-4">
                      <div class="event-count p-15 mt-15" style="text-align: center;">

                        <ul class="event-date list-inline font-16 text-uppercase mt-10 mb-20">
                          <li class="p-15 mr-5 bg-lightest"><b>{{ $branchlist->mobileno }}</b></li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </div>
              @endforeach
            </div>
            <center>{{ $branches->links() }}</center>
          </div>
        </div>
      </div>
    </section>



  </div>        

@endsection