@extends('layouts.visitormaster')
@section('title','Durga Bhawani Dashboard')




@section('visitorcontent')
<style type="text/css">
    p.price{
            position: absolute;
            top: 80px;
            left: 15px;
            /* background: red; */
            color: #fff;
            font-weight: bold;
            font-size: 18px;
            padding: 0px 15px;
        }

        .moving-div img{
            position: absolute;
            top: 70px;
            left: -9px;
            color: #fff;
            font-weight: bold;
            font-size: 18px;
            padding: 0px 15px;
            height: 50px;
        }
</style>


<section class="about-us-area" style="border-top: 1px solid #e5e5e5;">
    <div class="container-fluid">
      <div class="row ">
        <div class="col-3 col-lg-3">
          <div class="mt-50">
            <img src="{{ asset('uploads/publication/'.$publication->image) }}" style="width:100%">

            <button class="btn famie-btn demobtn" style="width: 100%;margin-top: 20px;background: #0d35cd;">View Demo
              
            </button>
            <div class="popup-gallery" style="display:none">
              @forelse(json_decode($publication->images,true) as $image)
                  <a href="{{ asset('uploads/publication/'.$image) }}"><img src="{{ asset('uploads/publication/'.$image) }}" width="75" height="75"></a>
                  @empty
                  <a href="{{ asset('uploads/publication/'.$publication->image) }}"><img src="{{ asset('uploads/publication/'.$publication->image) }}" width="75" height="75"></a>
                @endforelse
            </div>

            @if($publication->price !="")
                <div class="moving-div">
                    <img src="{{ asset('uploads/priceimg.png') }}">
                    <p class="price">Rs. {{$publication->price}}</p>
                </div>
            @endif
            <button class="btn famie-btn" style="width: 100%;margin-top: 20px;" data-toggle="modal" data-target="#inquiryModal">Inquiry About Book</button>
          </div>
        </div>
        <!-- About Us Content -->
        <div class="col-9 col-lg-9">
          <div class="about-us-content mt-50 mb-50" style="text-align: justify;">

            <!-- Section Heading -->
            <div class="section-heading">
              <h1>{{$publication->title}}</h1>
              <h2>{!!$publication->subtitle!!}</h2>
            </div>
            
            
            {!!$publication->description!!}


            @php 
              $moresetting = json_decode($publication->moresettings);
            @endphp
            <div class="row">

              @if(isset($moresetting->language) && ($moresetting->language!=""))
                  <div class="col-sm-2" class="text-center">
                      <p class="text-center" style="margin-bottom: 5px;font-weight: bold;">Language / भाषा </p>
                      <p class="text-center" style="margin-bottom: 5px;font-weight: bold;font-size: 30px;"><i class="fa fa-language"></i></p>
                            <p class="text-center" style="margin-bottom: 5px;font-weight: bold;">
                                

                          </p>
                  </div>
                @endif

                @foreach($attribute as $atlist) 
                    @if(isset($moresetting->{$atlist->slug}) && ($moresetting->{$atlist->slug}!=""))
                        <div class="col-sm-2" class="text-center">
                            <p class="text-center" style="margin-bottom: 5px;font-weight: bold;">{{$atlist->title}}</p>
                            <p class="text-center" style="margin-bottom: 5px;font-weight: bold;font-size: 30px;"><i class="{{$atlist->icon}}"></i></p>
                                <p class="text-center" style="margin-bottom: 5px;font-weight: bold;">{{ $moresetting->{$atlist->slug} }}</p>
                        </div>
                    @endif
                @endforeach

                
            </div>
          </div>
        </div>

      </div>
    </div>
  </section>


    <div class="modal fade" id="inquiryModal" role="dialog">
        <div class="modal-dialog">
            <form action="{{ url('inquirybook') }}" method="post" class="member">
                <input type="hidden" name="publication_id" value="{{$publication->id}}">
                <!-- Modal content-->
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close closer" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title">Inquiry about {{$publication->title}}</h4>
                    </div>
                    <div class="modal-body">
                          {{ csrf_field() }}
                        <div class="row">
                            <div class="col-lg-6">
                              <input type="text" class="form-control" name="name" placeholder="Full Name">
                            </div>
                            <div class="col-lg-6">
                              <input type="email" class="form-control" name="email" placeholder="Your Email">
                            </div>
                            <div class="col-6">
                              <input type="text" class="form-control" name="mobile" placeholder="Mobile No.">
                            </div>
                            <div class="col-12">
                              <textarea name="message" class="form-control" cols="60" rows="10" placeholder="Your Message" style="height:100px"></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn famie-btn">Inquiry</button>
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    </div>
                </div>
            </form>
        </div>
    </div>

@endsection