@extends('Frontend.layout.main')


@section('head')

<title>{{$pageData->meta_title() ?? 'Eldiar'}}</title>
<meta content="{{$pageData->meta_description() ?? 'Eldiar'}}" name="description">
<meta content="{{$pageData->meta_keyword() ?? 'Eldiar'}}" name="keywords">

<meta property="og:title" content="{{$pageData->meta_title() ?? 'Eldiar'}}" />
<meta property="og:description" content="{{ $pageData->meta_description() ?? 'Eldiar' }}" />
@endsection

@section('content')

<!-- Modal -->
@foreach($brands as $key => $brand)

<div class="modal" id="myModal-{{$key}}">
  <div class="modal-dialog">
    <div class="modal-content">
	 <div class="modal-header">
        <h4 class="modal-title">{{$brand->title}}</h4>
        <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>
      <div class="modal-body">
      <p>
      @if(strip_tags($brand->read_more))

      {!!  $brand->read_more !!}


      @else
      {!!  $brand->description !!}


      @endif
      </p>
      </div>
    </div>
  </div>
</div>
@endforeach

  <!-- model popup -->


    <div id="home" class=" tab-pane active"><br>
        <div id="myCarousel" class="carousel carousel1 slide" data-ride="carousel">

            <div class="carousel-inner carousel-inner1">
                @foreach($brands as $key => $brand)

                    <div class="carousel-item  homeslider @if($key==0) active @endif  ">
                        <img src="{{url('/storage/brands/banners/'.$brand->banner_image )}}" alt=" {{$brand->title}}">
                        <div class="techbanner2">
                            <h1> {{$brand->title}}</h1>
                            <p>{!!$brand->description!!}
                            <a  href="#" data-toggle="modal"  style="color: white;" data-target="#myModal-{{$key}}">read more..</a>
                            </p>
                           <a href="{{url('/products/?brand='.$brand->slug)}}"><button  class="btn btn-outline-light">DISCOVER MORE</button></a> 
                        </div>
                    </div>
                @endforeach

            </div>


            <ul class="carousel-indicators carousel-indicators1 carousel-indicators12">

                @foreach($brands as $key => $brand)
                    <li data-target="#myCarousel" data-slide-to="{{ $key }}" @if($key==0) class="active" @endif>
                        <img src="{{ url('/storage/brands/'.$brand->image) }}" id="{{$brand->slug}}" alt="{{$brand->title}}"></li>

                @endforeach
            </ul>
        </div>
    </div>
<hr>

@php
$currentURL = URL::current();
$slug =explode('/',$currentURL);
$slug =end($slug);

@endphp

@endsection

@section('script')

<script>

$(document).ready(function(){

  $('#{{$slug}}').trigger('click');



})

</script>
@endsection