@extends('layouts.frontapp')

@section('title', 'Advertisement')

@section('content')

<!--Main Content Start-->
 <div class="main-content innerpagebg wf100 p30">
    <!--News Large Page Start--> 
    <!--Start-->
    <div class="news-large">
       <div class="container">
          <div class="row justify-content-center">

            <div class="col-sm-12 mb-4 col-md-6 text-center">
                <img class="img-responsive" src="{{url('/')}}/assets/frontend/images/adimg.png" alt="">
                <h4>Advertise your business through online<br> <span class="text-primary">FREE</span> Ad posting!</h4>
                <h2 style="margin-top: 5%;" ><span class="text-danger">Email :</span> {{isset($settings->email_address)?$settings->email_address:'thefanzclub@gmail.com'}}</h2>
                <h4 style="margin-top: 5%;" >

                  <ul class="topsocial">
                     <li class="text-danger">Follow Us : </li>
                     @if($settings->facebook_link)<li><a href="{{$settings->facebook_link}}" target="_blank" class="fb"><i class="fab fa-facebook-f text-dark"></i></a></li>@endif
                     @if($settings->twitter_link)<li><a href="{{$settings->twitter_link}}" target="_blank" class="tw"><i class="fab fa-twitter text-dark"></i></a></li>@endif
                     @if($settings->instagram_link)<li><a href="{{$settings->instagram_link}}" target="_blank" class="insta"><i class="fab fa-instagram text-dark"></i></a></li>@endif
                     @if($settings->youtube_link)<li><a href="{{$settings->youtube_link}}" target="_blank" class="yt"><i class="fab fa-youtube text-dark"></i></a></li>@endif
                  </ul>
                </h4>
             </div>


             <!--Grid column-->
             <div class="col-sm-12 mb-4 col-md-6">
                <!--Form with header-->
                <div class="card border-primary rounded-0 shadow">
                   <div class="card-header p-0">
                      <div class="bg-primary text-white text-center py-2">
                         <h3><i class="fa fa-bullhorn"></i> Advertising Request Form</h3>
                      </div>
                   </div>
                   <div class="card-body p-3">
                      <form id="cfrm" name="cfrm">  
                         <div class="form-group">
                         <label> Your name <span class="text-danger">*</span></label>
                         <div class="input-group">
                            <input @if(Auth::check()) value="{{Auth::user()->name}}" @endif type="text" name="ad_name" class="form-control" id="ad_name" placeholder="Name">
                         </div>
                   </div>
                         <div class="form-group">
                            <label>Your email <span class="text-danger">*</span></label>
                            <div class="input-group mb-2 mb-sm-0">
                               <input type="email" @if(Auth::check()) value="{{Auth::user()->email}}" @endif name="ad_email" class="form-control" id="ad_email" placeholder="Email">
                            </div>
                         </div>
                         <div class="form-group">
                            <label>Your phone number</label>
                            <div class="input-group mb-2 mb-sm-0">
                               <input type="text" @if(Auth::check()) value="{{Auth::user()->phone_no}}" @endif name="ad_phone" class="form-control" id="ad_phone" placeholder="Phone Number">
                            </div>
                         </div>
                          <div class="form-group">
                            <label>Position</label>
                            <div class="input-group mb-2 mb-sm-0">
                                <select class="form-control" data-placeholder="Select" required name="ad_position" id="ad_position">
                                    <option value="">Select a Position</option>
                                     
                                    <option value="global_top_right" >Home - Top Right</option>
                                    <option value="global_top_left" >Home - Top Left</option>
                                    <option value="global_bottom_right" >Home - Bottom Right</option>
                                    <option value="global_bottom_left" >Home - Bottom Left</option>
                                    <option value="home_center" >Home - Center</option>

                                    <option value="celebrities_top_right" >Celebrities - Top Right</option>
                                    <option value="celebrities_top_left" >Celebrities - Top Left</option>
                                    <option value="celebrities_bottom_right" >Celebrities - Bottom Right</option>
                                    <option value="celebrities_bottom_left" >Celebrities - Bottom Left</option>
                                    <option value="celebrities_center" >Celebrities - Center</option>

                                    <option value="movies_top_right">Movies - Top Right</option>
                                    <option value="movies_top_left">Movies - Top Left</option>
                                    <option value="movies_bottom_right">Movies - Bottom Right</option>
                                    <option value="movies_bottom_left">Movies - Bottom Left</option>
                                    <option value="movies_center">Movies - Center</option>

                                    <option value="series_top_right">Series - Top Right</option>
                                    <option value="series_top_left">Series - Top Left</option>
                                    <option value="series_bottom_right">Series - Bottom Right</option>
                                    <option value="series_bottom_left">Series - Bottom Left</option>
                                    <option value="series_center">Series - Center</option>

                                    <option value="sports_top_right">Sports - Top Right</option>
                                    <option value="sports_top_left">Sports - Top Left</option>
                                    <option value="sports_bottom_right">Sports - Bottom Right</option>
                                    <option value="sports_bottom_left">Sports - Bottom Left</option>
                                    <option value="sports_center">Sports - Center</option>

                                    <option value="fanpost_top_right">Fanpost - Top Right</option>
                                    <option value="fanpost_top_left" >Fanpost - Top Left</option>
                                    <option value="fanpost_bottom_left" >Fanpost - Bottom Left</option>

                                    <option value="quiz_top_left">Quiz - Top Left</option>
                                    <option value="quiz_top_right">Quiz - Top Right</option>
                                    <option value="quiz_bottom_left">Quiz - Bottom Left</option>
                                    <option value="quiz_bottom_right">Quiz - Bottom Right</option>

                                    <option value="livequiz_top_left">Live Quiz - Top Left</option>
                                    <option value="livequiz_top_right">Live Quiz - Top Right</option>
                                    <option value="livequiz_bottom_left">Live Quiz - Bottom Left</option>
                                    <option value="livequiz_bottom_right">Live Quiz - Bottom Right</option>

                                    <option value="quiz_result_left">Quiz Result - Left</option>
                                    <option value="quiz_result_right">Quiz Result - Right</option>
                                    <option value="quiz_result_center">Quiz Result - Center</option>

                                    <option value="postwish_top_left">Post Wish - Top Left</option>
                                    <option value="postwish_top_right">Post Wish - Top Right</option>
                                    <option value="postwish_bottom_left">Post Wish - Bottom Left</option>
                                    <option value="postwish_bottom_right">Post Wish - Bottom Right</option>

                                    <option value="wishes_top_left">Wishes - Top Left</option>
                                    <option value="wishes_top_right">Wishes - Top Right</option>
                                    <option value="wishes_bottom_left">Wishes - Bottom Left</option>
                                    
                                    <option value="blog_left">Blog - Left</option>
                                    <option value="blog_right" >Blog - Right</option>
                                    <option value="blog_center">Blog Details - Center</option>
                                    <option value="blog_top_right" >Blog Details - Top Right</option>
                                    <option value="blog_bottom_right">Blog Details - Bottom Right</option>

                                    <option value="leaderboard_top_left" >Leaderboard - Top Left</option>
                                    <option value="leaderboard_top_right" >Leaderboard - Top Right</option>
                                    <option value="leaderboard_bottom_left" >Leaderboard - Bottom Left</option>
                                    <option value="leaderboard_bottom_right" >Leaderboard - Bottom Right</option>
                                    
                                    <option value="fanwall_top_left" >Fanwall - Top Left</option>
                                    <option value="fanwall_top_right" >Fanwall - Top Right</option>
                                    <option value="fanwall_bottom_left" >Fanwall - Bottom Left</option>
                                    
                                    <option value="fanwishes_top_left" >Fanwishes - Top Left</option>
                                    <option value="fanwishes_top_right" >Fanwishes - Top Right</option>
                                    <option value="fanwishes_bottom_left" >Fanwishes - Bottom Left</option>
                                    <!--<option value="fanwishes_bottom_right" >Fanwishes - Bottom Right</option>-->
                                </select>     
                                @if ($errors->has('position')) <p class="help-block text-danger mb-25">{{ $errors->first('position') }}</p> @endif 
                                </select>
                            </div>
                        </div>
                         
                         <div class="form-group">
                            <label>Message <span class="text-danger">*</span></label>
                            <div class="input-group mb-2 mb-sm-0">
                               <textarea class="form-control" name="ad_message" id="ad_message" rows="3"></textarea>
                            </div>
                         </div>
                         <div class="text-center">
                            <input type="button" name="submit" value="Submit" onclick="advertiseFrm()" class="btn btn-primary btn-block rounded-0 py-2">
                         </div>
                    </form>
                     </div>
                     
                   </div>
                </div>
             <!--Grid column-->
             
              </div>
       </div>
    </div>
    <!--End--> 
 </div>
 <!--Main Content End--> 

@endsection