@extends('eventManagement.layouts.master')
@section('content')
    <section class="section">
        <ul class="breadcrumb breadcrumb-style ">
            <li class="breadcrumb-item">
                <h4 class="page-title m-b-0">FInd A DJ</h4>
            </li>

        </ul>
        <div class="section-body">

            <div class="row" @if(!$dj->isEmpty())style="display:none" @endif>
                <div class="col-12">
                    <div class="card">
                        <div class="padding-20">
                            <ul class="nav nav-tabs" id="myTab2" role="tablist">
                                <li class="nav-item ">
                                    <a class="nav-link active" id="profile-tab2" data-toggle="tab" href="#post" role="tab"
                                        aria-selected="false">Post</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link " id="home-tab2" data-toggle="tab" href="#refer" role="tab"
                                        aria-selected="true">Refer</a>
                                </li>
                            </ul>
                            <div class="tab-content tab-bordered" id="myTab3Content">
                                <div class="tab-pane fade show active" id="about" role="tabpanel"
                                    aria-labelledby="profile-tab2">
                                    <form method="post" action="{{route('eventManagement.post.process')}}" class="needs-validation">
                                        @csrf
                                        <div class="card-header">
                                            <h4>Post</h4>
                                        </div>
                                        @if(session('success-post'))
                                            <div class="alert alert-success">{{session('success-post')}}</div>
                                        @endif
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="form-group col-md-6 col-12">
                                                    <label>Venues</label>
                                                    <input type="text" class="form-control" name="venue_name" value="{{old('venue_name')}}" required>
                                                    <span class="text-danger">{{$errors->first('venue_name')}}</span>
                                                    <div class="invalid-feedback">
                                                        Please fill in the first name
                                                    </div>
                                                </div>
                                                <div class="form-group col-md-6 col-12">
                                                    <label>Venue Address</label>
                                                    <input type="text" class="form-control" name="venue_address" value="{{old('venue_address')}}" required>
                                                    <span class="text-danger">{{$errors->first('venue_address')}}</span>
                                                    <div class="invalid-feedback">
                                                        Please fill in the last name
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="form-group col-md-6 col-12">
                                                    <label>Buget</label>
                                                    <input type="number" class="form-control" name="budget" value="{{old('budget')}}"  required>
                                                    <span class="text-danger">{{$errors->first('budget')}}</span>
                                                    <div class="invalid-feedback">
                                                        Please fill in the email
                                                    </div>
                                                </div>
                                                <div class="form-group col-md-6 col-12">
                                                    <label>Event Date</label>
                                                    <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>
                                            <div class="row">
                                                <div class="form-group col-md-4 col-12">
                                                    <label>Start Time</label>
                                                    <input type="time" class="form-control" name="start" value="{{old('start')}}"   required>
                                                    <span class="text-danger">{{$errors->first('start')}}</span>
                                                </div>
                                                <div class="form-group col-md-4 col-12">
                                                    <label>End Time</label>
                                                    <input type="time" class="form-control" name="end" value="{{old('end')}}" required>
                                                    <span class="text-danger">{{$errors->first('end')}}</span>
                                                </div>
                                                <div class="form-group col-md-4 col-12">
                                                    <label>Music</label>
                                                    <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>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card-footer text-right">
                                            <button type="submit" class="btn btn-primary">Submit</button>
                                        </div>
                                    </form>
                                </div>
                                <div class="tab-pane fade" id="refer" role="tabpanel" aria-labelledby="home-tab2">
                                    <div class="row">
                                        <form method="post" action="{{route('refer.process')}}" class="needs-validation">
                                            <div class="card-header">
                                                <h4>Post</h4>
                                            </div>
                                            @if(session('success'))
                                                <div class="alert alert-success">{{session('success')}}</div>
                                            @endif
                                            @csrf
                                            <div class="card-body">
                                                <div class="row">
                                                    <div class="form-group col-md-6 col-12">
                                                        <label>DJ Mail</label>
                                                        <input type="email" class="form-control" name="email" required>
                                                        <div class="invalid-feedback">
                                                            Please fill in the first name
                                                        </div>
                                                    </div>
                                                    <div class="form-group col-md-6 col-12">
                                                        <label>Website Link</label>
                                                        <input type="text" class="form-control" name="link" required>
                                                        <div class="invalid-feedback">
                                                            Please fill in the last name
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>
                                            <div class="card-footer text-right">
                                                <button class="btn btn-primary">Submit</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div>
                    <h4>Search Result</h4>
                </div>
                @if(!$dj->isEmpty())
                    @foreach($dj as $djs)
                        <div class="col-12 col-sm-12 col-lg-12">
                            <div class="card author-box card-primary">
                                <div class="card-body">
                                    <div class="author-box-left">
                                       <img alt="image" src="{{ asset('/uploads/dj/profile/'.$djs->image) }}"
                                            class="rounded-circle author-box-picture">
                                        {{-- <img alt="image" src="{{ asset('admin/assets/img/users/user-1.png') }}"
                                            class="rounded-circle author-box-picture"> --}}
                                        <div class="clearfix"></div>

                                    </div>
                                    <div class="author-box-details">
                                        <div class="author-box-name">
                                            <a href="{{route('eventManagement.dj-details',['id'=>$djs->id])}}">{{$djs->name}}</a>
                                        </div>
                                        <div class="author-box-job">
                                            <label>Music:</label>
                                            @if(!$djs->limitmusic->isEmpty())
                                                    @foreach($djs->limitmusic as $key => $limitmusicvalue)
                                                        <li>{{$limitmusicvalue->name}}</li>
                                                    @endforeach
                                            @endif
                                        </div>
                                        <div class="author-box-job">
                                            <label>Event:</label>
                                            @if(!$djs->limitevents->isEmpty())
                                                @foreach($djs->limitevents as $key => $limiteventsvalue)
                                                    <li>{{$limiteventsvalue->name}}</li>
                                                @endforeach
                                            @endif 
                                        </div>
                                        <div class="author-box-description">
                                            <p>@if (!empty($djs->entertainerDetail)) {{ $djs->entertainerDetail->bio }} @endif</p>
                                        </div>
                                        <div class="w-100 d-sm-none"></div>
                                        <div class="float-right mt-sm-0 mt-3">
                                            <a href="{{route('eventManagement.dj-details',['id'=>$djs->id])}}" class="btn">View DJ Profile <i
                                                    class="fas fa-chevron-right"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach
                @else
                    <div class="col-md-4 col-sm-6 post">
                        <h3>
                            DJ Not Found
                        </h3>
                    </div>
                @endif
            </div>
        </div>
    </section>
@endsection