@extends('layouts.master')

@section('content')

<section class="bg-header py-5">
      <div class="container">
  <div class="row text-center text-light">
                    <div class="col-md-8 offset-md-2">
                        <h3 class="display-4">Our <b>Case Studies</b></h3>
                        <div class="spacer-15"></div>
                        
                    </div>
                </div>
           </div>
           </section>

 @foreach($cases as $case)
<section>
      <div class="container" style="background-color: #fafafa; padding: 5px;">
        <div class="row align-items-center" >
          <div class="col-lg-3 order-lg-6">
            <div class="p-5">
              <img class="img-fluid" src="{{asset('uploads/casestudies/')}}/{{$case->logo}}" alt="">
            </div>
          </div>
          <div class="col-lg-9 order-lg-9">
            <div class="p-5" style="text-align: justify;">

              <span style="font-size: 20px; text-transform: uppercase; text-decoration: underline; text-decoration-color: blue;  ">{{ $case->title }}<br></span>

              {!! $case->details !!}

              <br>
              @php
                $tags = explode(",",$case->tags);
                foreach($tags as $tag)
                { @endphp
                  <button class="btn btn-default btn-rounded" style="margin:10px;">#{{$tag}}</button>
               @php
                }
              @endphp
               
    
             </div>
              
          </div>
        </div>
      </div>
    </section >
@endforeach
    
  
 <section id="Contact">
      <div class="container">
        <div class="row">
         
            
           <div class="col-sm-12 section-header">
                <h2 class="margin-top-0 wow fadeIn">Have a question? Get in touch with us! <i class=" object"></i></h2>
                <hr class="primary">
                <p>We love feedback. Fill out the form below and we'll get back to you as soon as possible.</p>
        <a class="btn btn-success" href="contact" target="_blank"><i class="fa fa-home "></i> Get in touch</a>
            </div>
        </div>
      </div>
    </section>


    
@endsection