@extends('user.layout.master')
@section('content')
    <div class="clearfix"></div>
    <div class="home-three-banner" style="background-image:url(user/assets/img/slider-1.jpg);" data-overlay="6">
        <div class="container">
           <div class="simple-banner-caption">
                <div class="col-md-8 col-sm-10 banner-text">
                    <h1>Find The  <span> Perfect DJ </span></h1>
                    <form class="bt-form" method="get" action="{{route('searchDj')}}">
                    
                        <div class="col-md-6 col-sm-6">
                            <input class="form-control" type="date" placeholder="Event Date" name="event_date" required>
                        </div>
                        <div class="col-md-6 col-sm-6">
                            <select class="form-control" name="start_time" required>
                                <option selected disabled>Event Start Time</option>
                                <option value="00:00">00:00</option>
                                <option value="00:30">00:30</option>
                                <option value="01:00">01:00</option>
                                <option value="01:30">01:30</option>
                                <option value="02:00">02:00</option>
                                <option value="02:30">02:30</option>
                                <option value="03:00">03:00</option>
                                <option value="03:30">03:30</option>
                                <option value="04:00">04:30</option>
                                <option value="05:00">05:00</option>
                                <option value="05:30">05:30</option>
                                <option value="06:00">06:00</option>
                                <option value="06:30">06:30</option>
                                <option value="07:00">07:00</option>
                                <option value="07:30">07:30</option>
                                <option value="08:00">08:00</option>
                                <option value="08:30">08:30</option>
                                <option value="09:00">09:00</option>
                                <option value="09:30">09:30</option>
                                <option value="10:00">10:00</option>
                                <option value="10:30">10:30</option>
                                <option value="11:00">11:00</option>
                                <option value="11:30">11:30</option>
                                <option value="12:00">12:00</option>
                                <option value="12:30">12:30</option>
                                <option value="13:00">13:00</option>
                                <option value="13:30">13:30</option>
                                <option value="14:00">14:00</option>
                                <option value="14:30">14:30</option>
                                <option value="15:00">15:00</option>
                                <option value="15:30">15:30</option>
                                <option value="16:00">16:00</option>
                                <option value="16:30">16:30</option>
                                <option value="17:00">17:00</option>
                                <option value="17:30">17:30</option>
                                <option value="18:00">18:00</option>
                                <option value="18:30">18:30</option>
                                <option value="19:00">19:00</option>
                                <option value="19:30">19:30</option>
                                <option value="20:00">20:00</option>
                                <option value="20:30">20:30</option>
                                <option value="21:00">21:00</option>
                                <option value="21:30">21:30</option>
                                <option value="22:00">22:00</option>
                                <option value="22:30">22:30</option>
                                <option value="23:00">23:00</option>
                                <option value="23:30">23:30</option>
                                {{-- <option value="23:59">23:59</option> --}}
                            </select>
                            {{-- <input class="form-control" type="time" placeholder="Event Start Time" name="event_start" required> --}}
                        </div>
                        <div class="col-md-6 col-sm-6">
                            <input class="form-control" type="number" placeholder="Post Code" name="post_code" required>
                        </div>
                        <div class="col-md-6 col-sm-6">
                            <input class="form-control" type="number" placeholder="Number of Hours" name="total_hours" required>
                            {{-- <select class="form-control" id="Venue" name="venue_id" required>
                                <option value="">Choose Venue</option>
                                @foreach($venues as $venues_val)
                                    <option value="{{$venues_val->id}}" >{{$venues_val->name}}</option>
                                @endforeach
                            </select> --}}
                        </div>
                        <div class="col-md-6 col-sm-6">
                            <select class="form-control" id="event_type" name="event_type" required>
                                <option value="">Choose Event Type</option>
                                @foreach($event as $event_val)
                                    <option value="{{$event_val->id}}" >{{$event_val->name}}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-6 col-sm-6">
                            <input class="form-control" type="number" placeholder="Budget" name="Budget"  required>
                        </div>
                        <div class="col-md-6 col-sm-6">
                            <select class="form-control" id="Music" name="music_id" required>
                                <option value="">Choose Musics Genres</option>
                                @foreach($music as $music_val)
                                    <option value="{{$music_val->id}}" >{{$music_val->name}}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-4 col-sm-5">
                            <button type="submit" class="btn btn-primary">Search DJs</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    {{-- <div class="banner trans" style="background-image:url(user/assets/img/slider-1.jpg);"  data-overlay="6">
    <div class="container">
        <div class="banner-caption">
            <div class="col-md-12 col-sm-12 banner-text">
                <h1>7,000+ Browse Event</h1>
                {{-- <div class="full-search-2 eclip-search italian-search hero-search-radius">
                    <div class="hero-search-content">
                        
                        <div class="row">
                        
                            <div class="col-lg-4 col-md-4 col-sm-12 small-padd b-r">
                                <div class="form-group">
                                    <div class="input-with-icon">
                                        <input type="text" class="form-control" placeholder="Job Title or Keywords">
                                        <i class="ti-search"></i>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="col-lg-3 col-md-3 col-sm-12 small-padd b-r">
                                <div class="form-group">
                                    <div class="input-with-icon">
                                        <select id="choose-city" class="form-control">
                                            <option>Choose City</option>
                                            <option>Chandigarh</option>
                                            <option>London</option>
                                            <option>England</option>
                                            <option>Pratapcity</option>
                                            <option>Ukrain</option>
                                            <option>Wilangana</option>
                                        </select>
                                        <i class="ti-location-pin"></i>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-3 col-md-3 col-sm-12 small-padd">
                                <div class="form-group">
                                <div class="input-with-icon">
                                    <select id="choose-category" class="form-control">
                                        <option>Job Category</option>
                                        <option>Education & Trainee</option>
                                        <option>Sales & Marketing</option>
                                        <option>Automotive Events</option>
                                        <option>Health & Medical</option>
                                        <option>Design & Development</option>
                                        <option>Book Services</option>
                                    </select>
                                    <i class="ti-layers"></i>
                                </div>
                            </div>
                            </div>
                            
                            <div class="col-lg-2 col-md-2 col-sm-12 small-padd">
                                <div class="form-group">
                                    <div class="form-group">
                                        <a href="#" class="btn btn-primary search-btn">Search</a>
                                    </div>
                                </div>
                            </div>
                            
                        </div>
                        
                    </div>
                </div> --}}
    </div>
    </div>
    </div>

    </div>
    <div class="clearfix"></div>
    <!-- Company Brand Start -->
    <div class="company-brand">
        <div class="container">
            <div id="company-brands" class="owl-carousel">
                @foreach($promotion as $key => $promotion_val)
                    <div class="brand-img">
                        <img src="{{asset('/uploads/admin/promotions/'.$promotion_val->image)}}" style="height: 100px;width: 100px;" class="img-responsive" alt="" />
                    </div>
                @endforeach
                {{-- <div class="brand-img">
                    <img src="user/assets/img/microsoft-home-dark.png" class="img-responsive" alt="" />
                </div>
                <div class="brand-img">
                    <img src="user/assets/img/img-home-dark.png" class="img-responsive" alt="" />
                </div>
                <div class="brand-img">
                    <img src="user/assets/img/mothercare-hom-darke.png" class="img-responsive" alt="" />
                </div>
                <div class="brand-img">
                    <img src="user/assets/img/paypal-home-dark.png" class="img-responsive" alt="" />
                </div>
                <div class="brand-img">
                    <img src="user/assets/img/serv-home-dark.png" class="img-responsive" alt="" />
                </div>
                <div class="brand-img">
                    <img src="user/assets/img/xerox-home-dark.png" class="img-responsive" alt="" />
                </div>
                <div class="brand-img">
                    <img src="user/assets/img/yahoo-home-dark.png" class="img-responsive" alt="" />
                </div>
                <div class="brand-img">
                    <img src="user/assets/img/mothercare-hom-darke.png" class="img-responsive" alt="" />
                </div> --}}
            </div>
        </div>
    </div>
    <!-- Company Brand End -->
    <div class="clearfix"></div>
      {{-- {{dd($id)}} --}}
    <section class="tab-sec" @if(!$dj->isEmpty())style="display:none" @endif>
        <div class="container">
            <div class="col-md-12 col-sm-12">
                <div class="First-tab tool-tab">
                    <ul class="nav simple nav-tabs" id="simple-design-tab">
                        <li class="active"><a href="#sectionA">POST</a></li>
                        <li><a href="#sectionB">Refer</a></li>
                    </ul>
                    <div class="tab-content">


                        <div id="sectionA" class="tab-pane fade in active">
                            <div class="col-md-12 col-sm-12">
                               @if (Auth::guard('eventManagement')->check())
                                <form method="post" action="{{route('eventManagement.post.process')}}">
                               @else
                                <form method="post" action="{{route('post.process.before.login')}}">
                               @endif 
                                  @csrf
                                    <div class="row">
                                        @if(session('success-post'))
                                            <div class="alert alert-success">{{session('success-post')}}</div>
                                        @endif
                                        <div class="col-md-6 col-sm-12">
                                            <h5>Venue</h5>
                                            <input type="text" class="form-control" name="venue_name" value="{{old('venue_name')}}" required />
                                            <span class="text-danger">{{$errors->first('venue_name')}}</span>
                                        </div>
                                        <div class="col-md-6 col-sm-12">
                                            <h5>Venue Address</h5>
                                            <input type="text" class="form-control" name="venue_address" value="{{old('venue_address')}}" required />
                                            <span class="text-danger">{{$errors->first('venue_address')}}</span>
                                        </div>
                                        <div class="col-md-4 col-sm-12">
                                            <h5>Budget</h5>
                                            <input type="number" class="form-control" name="budget" value="{{old('budget')}}"  required />
                                            <span class="text-danger">{{$errors->first('budget')}}</span>
                                        </div>
                                        <div class="col-md-4 col-sm-12">
                                            <h5>Event Date</h5>
                                            <input type="date" class="form-control" name="event_date" value="{{old('event_date')}}"  required />
                                            <span class="text-danger">{{$errors->first('event_date')}}</span>
                                        </div>
                                        <div class="col-md-4 col-sm-12">
                                            <h5>Start Time</h5>
                                            <input type="time" class="form-control" name="start" value="{{old('start')}}"   required />
                                            <span class="text-danger">{{$errors->first('start')}}</span>
                                        </div>
                                        <div class="col-md-4 col-sm-12">
                                            <h5>End Time</h5>
                                            <input type="time" class="form-control" name="end" value="{{old('end')}}" required />
                                            <span class="text-danger">{{$errors->first('end')}}</span>
                                        </div>
                                        <div class="col-md-4 col-sm-12">
                                            <h5>Music</h5>
                                            <select class="form-control"  name="music" required>
                                                 <option value="">Choose Musics</option>
                                                @foreach($music as $music_val)
                                                    <option value="{{$music_val->id}}" @if(old('music')==$music_val->id) selected @endif>{{$music_val->name}}</option>
                                                @endforeach
                                            </select>
                                            <span class="text-danger">{{$errors->first('music')}}</span>
                                        </div>
                                        <div class="col-md-12 col-sm-12 text-right">
                                            <button type="submit" class="btn btn-primary">Post</button>
                                        </div>

                                    </div>
                                </form>

                            </div>
                        </div>
                        <div id="sectionB" class="tab-pane fade ">
                            <form method="post" action="{{route('refer.process')}}">
                               @if(session('success'))
                                 <div class="alert alert-success">{{session('success')}}</div>
                               @endif
                               @csrf
                                <div class="row">
                                    <div class="col-md-6 col-sm-12">
                                        <h5>DJ Mail</h5>
                                        <input type="email" class="form-control" name="email" required/>
                                    </div>
                                    <div class="col-md-6 col-sm-12">
                                        <h5>WebSite Link</h5>
                                        <input type="url" class="form-control" name="link" required/>
                                    </div>
                                    <div class="col-md-12 col-sm-12 text-right">
                                        <button type="submit" class="btn btn-primary">Send</button>
                                    </div>
                                </div>
                            </form>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </section>
    <div class="clearfix"></div>

    <section class="pricing">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="main-heading">
                        <p>Best DJ of The Year</p>
                        <h2>Hire Expert <span>DJ</span></h2>
                    </div>
                </div>
            </div>
            <!--/row-->

            <div class="row">

                <!-- Single Freelancer Style 2 -->
                @if(!$dj->isEmpty())
                    @foreach($dj as $djs)
                        <div class="col-md-4 col-sm-6 post">
                            <div class="top-candidate-wrap style-2" >
                                <div class="top-candidate-box">
                                <a href="{{route('eventManagement.booking',['id'=>$djs->id])}}"><span class="tpc-status"><i class="fa fa-book" aria-hidden="true"> </i> Booking</span></a>
                                    {{-- <h4 class="flc-rate">$17/hr</h4> --}}
                                    <div class="tp-candidate-inner-box">
                                        <div class="top-candidate-box-thumb">
                                            <img src="{{ asset('/uploads/dj/profile/'.$djs->image) }}" class="img-responsive img-circle" alt="" />
                                        </div>
                                        <div class="top-candidate-box-detail">
                                            <h4>{{$djs->name}}</h4>
                                            {{-- <span class="location">Australia</span> --}}
                                        </div>

                                        <div class="rattings">
                                        @if($djs->totalavgRating->isNotEmpty())
                                                @php 
                                                    $total=5;
                                                    $total_rat=round($djs->totalavgRating[0]['total_rating']);
                                                @endphp
                                                @for($i=1;$i<=$total_rat;$i++)
                                                        <i class="fa fa-star fill"></i>
                                                @endfor
                                                {{-- <i class="fa fa-star-half fill"></i> --}}
                                                @if($total!=$total_rat)
                                                @php
                                                    $diff=$total-$total_rat;
                                                    //dd($diff);  
                                                @endphp
                                                @for($i=1;$i<=$diff;$i++)
                                                        <i class="fa fa-star"></i>
                                                @endfor 
                                                {{-- <i class="fa fa-star"></i> --}}
                                                @endif
                                        @else
                                            <i class="fa fa-star"></i>
                                            <i class="fa fa-star"></i>
                                            <i class="fa fa-star"></i>
                                            <i class="fa fa-star"></i>
                                            <i class="fa fa-star"></i>
                                        @endif 
                                        </div>
                                    </div>
                                    <div class="top-candidate-box-extra">
                                        {{-- <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui.</p> --}}
                                        <ul>
                                           <label>Music : </label>
                                            @if(!$djs->limitmusic->isEmpty())
                                                    @foreach($djs->limitmusic as $key => $limitmusicvalue)
                                                        <li>{{$limitmusicvalue->name}}</li>
                                                    @endforeach
                                            @endif 
                                            {{-- <li>Php</li>
                                            <li>Android</li>
                                            <li>Html</li>
                                            <li class="more-skill bg-primary">+3</li> --}}
                                        </ul>
                                        <ul>
                                            <label>Events : </label>
                                            @if(!$djs->limitevents->isEmpty())
                                                @foreach($djs->limitevents as $key => $limiteventsvalue)
                                                    <li>{{$limiteventsvalue->name}}</li>
                                                @endforeach
                                            @endif 
                                            {{-- <li>Php</li>
                                            <li>Android</li>
                                            <li>Html</li> --}}
                                            {{-- <li class="more-skill bg-primary">+3</li> --}}
                                        </ul>
                                    </div>
                                    <a href="{{route('eventManagement.dj-details',['id'=>$djs->id])}}" class="btn btn-candidate-two bg-default">More Info</a>
                                    {{-- <a href="#l" class="btn btn-candidate-two bg-info">Shortlist</a> --}}
                                </div>
                            </div>
                        </div>
                    @endforeach
                @else
                <div class="col-md-4 col-sm-6 post">
                   <h3>
                     DJ Not Found
                   </h3>
                </div>
                @endif
            </div>

            <!-- Single Freelancer -->
            {{-- <div class="row">
            <div class="col-md-12 col-sm-12">
                <div class="text-center">
                    <a class="btn btn-primary load-more">Load More</a>
                    
                </div>
            </div>
        </div> --}}

        </div>
    </section>
@endsection
@section('scripts')
  <script>
     $(document).ready(function(){
        $("html, body").animate({ scrollTop: $(document).height() }, 1000); 
     })
  </script>
@endsection