@extends('admin.layouts.master')
@section('content')

    <style>
        .select2-container--default .select2-selection--multiple .select2-selection__choice {
            background-color: #e0ace5 !important;
            border: 1px solid #e0ace5 !important;
            border-radius: 4px;
            cursor: default;
            float: left;
            margin-right: 5px;
            margin-top: 6px;
            line-height: 1.2;
            padding: 5px 10px;
        }

    </style>
    <section class="section">
        <ul class="breadcrumb breadcrumb-style ">
            <li class="breadcrumb-item">
                <h4 class="page-title m-b-0">Dj Details</h4>
            </li>
            <li class="breadcrumb-item">
                <a href="#">
                    <i data-feather="home"></i></a>
            </li>
            {{-- <li class="breadcrumb-item">Entertainer</li> --}}
            <li class="breadcrumb-item">Dj Details</li>
        </ul>
        <div class="section-body">
            <div class="row mt-sm-4">
                <div class="col-12 col-md-12 col-lg-4">
                    <div class="card author-box">
                        <div class="card-body">
                            <div class="author-box-center">
                                @if (!empty($entertainer_info->image))
                                    <img src="{{ asset('/uploads/dj/profile/' . $entertainer_info->image) }}"
                                        class="rounded-circle author-box-picture" alt="" />
                                @else
                                    <img alt="image" src="{{ asset('admin/assets/img/Avatar.jpg') }}"
                                        class="rounded-circle author-box-picture">
                                @endif
                                <div class="clearfix"></div>
                                <div class="author-box-name">

                                    <a href="#">@if (!empty($entertainer_info->entertainerDetail)) {{ $entertainer_info->entertainerDetail->name }} @endif</a>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header">
                            <h4>Personal Details</h4>
                        </div>
                        <div class="card-body">
                            <div class="py-4">
                                <p class="clearfix">
                                    <span class="float-left">
                                        DOB
                                    </span>
                                    <span class="float-right text-muted">
                                        @if (!empty($entertainer_info->entertainerDetail)) {{ \Carbon\Carbon::parse($entertainer_info->entertainerDetail->dob)->format('d/m/Y') }} @endif
                                    </span>
                                </p>
                                <p class="clearfix">
                                    <span class="float-left">
                                        Facebook
                                    </span>
                                    <span class="float-right text-muted">
                                        @if (!empty($entertainer_info->entertainerDetail)) {{ $entertainer_info->entertainerDetail->facebook }} @endif
                                    </span>
                                </p>
                                <p class="clearfix">
                                    <span class="float-left">
                                        Tiktok
                                    </span>
                                    <span class="float-right text-muted">
                                        @if (!empty($entertainer_info->entertainerDetail)) {{ $entertainer_info->entertainerDetail->tiktok }} @endif

                                    </span>
                                </p>
                                <p class="clearfix">
                                    <span class="float-left">
                                        Website
                                    </span>
                                    <span class="float-right text-muted">
                                        <a href="#">@if (!empty($entertainer_info->entertainerDetail)) {{ $entertainer_info->entertainerDetail->website }} @endif</a>
                                    </span>
                                </p>
                                <p class="clearfix">
                                    <span class="float-left">
                                        IG
                                    </span>
                                    <span class="float-right text-muted">

                                        <a href="#">
                                            @if (!empty($entertainer_info->entertainerDetail)) {{ $entertainer_info->entertainerDetail->ig }} @endif
                                        </a>
                                    </span>
                                </p>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="col-12 col-md-12 col-lg-8">
                    <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="home-tab2" data-toggle="tab" href="#about" role="tab"
                                        aria-selected="true">About</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="profile-tab2" data-toggle="tab" href="#settings"
                                        role="tab" aria-selected="false">Upcomming Booking</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="profile-tab2" data-toggle="tab" href="#per" role="tab"
                                        aria-selected="false">Perivious Booking</a>
                                </li>
                            </ul>
                            <div class="tab-content tab-bordered" id="myTab3Content">
                                <div class="tab-pane fade show active" id="about" role="tabpanel"
                                    aria-labelledby="home-tab2">
                                    {{-- <form action="{{route('entertainer.profile.process')}}" method="post">
                                       @csrf
                                        @if (session('success'))
                                      <div class="alert alert-success">{{session('success')}}</div>
                                       @endif
                                    </form> --}}
                                    <div class="card-header">
                                        <h4>Profile</h4>
                                    </div>
                                    <div class="card-body">

                                        <div class="row">

                                            <div class="form-group col-md-6 col-12">

                                                <label>Name</label>
                                                <p class="form-control"> @if (!empty($entertainer_info->entertainerDetail)) {{ $entertainer_info->entertainerDetail->name }} @endif</p>
                                                {{-- <input type="hidden" name="entertainer_id" readonly
                                                    @if (!empty($entertainer_info->entertainerDetail)) value="{{ $entertainer_info->entertainerDetail->id }}" @endif>
                                                <input type="text" name="name" readonly class="form-control"
                                                    @if (!empty($entertainer_info->entertainerDetail)) value="{{ $entertainer_info->entertainerDetail->name }}" @endif>
                                                <span class="text-danger">{{ $errors->first('name') }}</span>
                                                <div class="invalid-feedback">
                                                    Please fill in the first name
                                                </div> --}}
                                            </div>
                                            <div class="form-group col-md-6 col-12">
                                                <label>Paypal Email</label>
                                                <p class="form-control"> @if (!empty($entertainer_info->entertainerDetail)) {{ $entertainer_info->entertainerDetail->paypal_email }} @endif</p>
                                                {{-- <input type="email" name="paypal_email" readonly class="form-control"
                                                    @if (!empty($entertainer_info->entertainerDetail))value="{{ $entertainer_info->entertainerDetail->paypal_email }}" @endif>
                                                <span class="text-danger">{{ $errors->first('paypal_email') }}</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>Website</label>
                                                <p class="form-control"> @if (!empty($entertainer_info->entertainerDetail)) {{ $entertainer_info->entertainerDetail->website }} @endif</p>
                                                {{-- <input type="text" name="website" readonly class="form-control"
                                                    @if (!empty($entertainer_info->entertainerDetail)) value="{{ $entertainer_info->entertainerDetail->website }}" @endif>
                                                <span class="text-danger">{{ $errors->first('website') }}</span>

                                                <div class="invalid-feedback">
                                                    Please fill in the email
                                                </div> --}}
                                            </div>
                                            <div class="form-group col-md-6 col-12">
                                                <label>IG</label>
                                                <p class="form-control"> @if (!empty($entertainer_info->entertainerDetail)) {{ $entertainer_info->entertainerDetail->ig }} @endif</p>
                                                {{-- <input type="text" name="ig" readonly class="form-control"
                                                    @if (!empty($entertainer_info->entertainerDetail)) value="{{ $entertainer_info->entertainerDetail->ig }}" @endif>
                                                <span class="text-danger">{{ $errors->first('ig') }}</span> --}}

                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="form-group col-12">
                                                <label>Facebook</label>
                                                <p class="form-control"> @if (!empty($entertainer_info->entertainerDetail)) {{ $entertainer_info->entertainerDetail->facebook }} @endif</p>
                                                {{-- <input type="text" name="facebook" readonly class="form-control"
                                                    @if (!empty($entertainer_info->entertainerDetail)) value="{{ $entertainer_info->entertainerDetail->facebook }}" @endif>
                                                <span class="text-danger">{{ $errors->first('facebook') }}</span> --}}

                                            </div>
                                        </div>


                                        <div class="row">
                                            <div class="form-group col-12">
                                                <label>Music</label>
                                                <p class="form-control">@if (!empty($entertainer_info->music) && count($entertainer_info->music) > 0) @foreach ($entertainer_info->music as $view_musics){{ $view_musics->name . ',' }}@endforeach  @endif </p>

                                                {{-- <select name="music[]" id="" readonly class="form-control select2"
                                                    multiple="">
                                                    <option value="" disabled>Select Music</option>
                                                    @foreach ($Allmusic as $musics)
                                                        <option value="{{ $musics->id }}" @if (!empty($entertainer_info->music) && count($entertainer_info->music) > 0) @foreach ($entertainer_info->music as $view_musics) @if ($view_musics->id == $musics->id) selected @endif @endforeach  @endif>
                                                            {{ $musics->name }} </option>
                                                    @endforeach
                                                </select>
                                                <span class="text-danger">{{ $errors->first('music') }}</span> --}}

                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="form-group col-12">
                                                <label>Event</label>
                                                <p class="form-control"> @if (!empty($entertainer_info->events) && count($entertainer_info->events) > 0) @foreach ($entertainer_info->events as $view_events){{ $view_events->name . ',' }} @endforeach  @endif</p>
                                                {{-- <select name="event[]" id="" readonly class="form-control select2"
                                                    multiple="">
                                                    <option value="" disabled>Select Event</option>
                                                    @foreach ($all_events as $events)
                                                        <option value="{{ $events->id }}" @if (!empty($entertainer_info->events) && count($entertainer_info->events) > 0) @foreach ($entertainer_info->events as $view_events) @if ($view_events->id == $events->id) selected @endif @endforeach  @endif>
                                                            {{ $events->name }}</option>
                                                    @endforeach
                                                </select>
                                                <span class="text-danger">{{ $errors->first('event') }}</span> --}}

                                            </div>
                                        </div>

                                        {{-- <div class="row">
                                            <div class="form-group col-12">
                                                <label>Venue</label>
                                                <p class="form-control"> @if (!empty($entertainer_info->restaurants) && count($entertainer_info->restaurants) > 0) @foreach ($entertainer_info->restaurants as $view_restaurants) {{$view_restaurants->name.","}} @endforeach  @endif</p>
                                            </div>
                                        </div> --}}

                                        <div class="row">
                                            <div class="form-group col-12">
                                                <label>Tiktok</label>
                                                <p class="form-control"> @if (!empty($entertainer_info->entertainerDetail)) {{ $entertainer_info->entertainerDetail->tiktok }} @endif</p>

                                                {{-- <input type="text" name="tiktok" readonly class="form-control"
                                                    @if (!empty($entertainer_info->entertainerDetail)) value="{{ $entertainer_info->entertainerDetail->tiktok }}" @endif>
                                                <span class="text-danger">{{ $errors->first('tiktok') }}</span> --}}


                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="form-group col-12">
                                                <label>Phone No</label>
                                                <p class="form-control"> @if (!empty($entertainer_info->entertainerDetail)) {{ $entertainer_info->entertainerDetail->phone_number }} @endif</p>
                                                {{-- <input type="number" name="phone_no" readonly class="form-control"
                                                    @if (!empty($entertainer_info->entertainerDetail)) value="{{ $entertainer_info->entertainerDetail->phone_number }}" @endif>
                                                <span class="text-danger">{{ $errors->first('phone_no') }}</span> --}}


                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="form-group col-12">
                                                <label>DOB</label>
                                                <p class="form-control"> @if (!empty($entertainer_info->entertainerDetail)) {{ $entertainer_info->entertainerDetail->dob }} @endif</p>
                                                {{-- <input type="date" name="dob" readonly class="form-control"
                                                    @if (!empty($entertainer_info->entertainerDetail)) value="{{ $entertainer_info->entertainerDetail->dob }}" @endif>
                                                <span class="text-danger">{{ $errors->first('dob') }}</span> --}}


                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="form-group col-12">
                                                <label>Start Date</label>
                                                <p class="form-control"> @if (!empty($entertainer_info->entertainerDetail)) {{ $entertainer_info->entertainerDetail->experience_start_date }} @endif</p>
                                                {{-- <input type="date" name="start_date" readonly class="form-control"
                                                    @if (!empty($entertainer_info->entertainerDetail)) value="{{ $entertainer_info->entertainerDetail->experience_start_date }}" @endif>
                                                <span class="text-danger">{{ $errors->first('start_date') }}</span> --}}

                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="form-group col-12">
                                                <label>Rate Per Hour</label>
                                                <p class="form-control"> @if (!empty($entertainer_info->entertainerDetail)) {{ $entertainer_info->entertainerDetail->rate_per_houur }} @endif</p>
                                                {{-- <input type="number" name="rate_hour" readonly class="form-control"
                                                    @if (!empty($entertainer_info->entertainerDetail)) value="{{ $entertainer_info->entertainerDetail->rate_per_houur }}" @endif>
                                                <span class="text-danger">{{ $errors->first('rate_hour') }}</span> --}}


                                            </div>
                                        </div>

                                    </div>

                                </div>
                                <div class="tab-pane fade" id="settings" role="tabpanel" aria-labelledby="profile-tab2">

                                    <div class="card-body">
                                        <div class="row">
                                            <table class="table table-sm">
                                                <thead>
                                                    <tr>
                                                        <th scope="col">ID Event</th>
                                                        <th scope="col">Event Date</th>
                                                        <th scope="col">Venue</th>
                                                        <th scope="col">Company</th>
                                                        <th scope="col">Event Type</th>
                                                        <th scope="col">Music Genric</th>
                                                        <th scope="col">Start Time</th>
                                                        <th scope="col">End Time</th>
                                                        <th scope="col">Total Amount</th>
                                                        {{-- <th scope="col">View</th> --}}
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach($booking->orders_entertainer as $key=>$bookings)
                                                        @if(!empty($bookings->payment_id))
                                                            <tr>
                                                                <td scope="row">{{$bookings->id}}</td>
                                                                <td>{{$bookings->booking_date}}</td>
                                                                <td>{{$bookings->venue_name}}</td>
                                                                <td>{{$bookings->company_name}}</td>
                                                                <td>{{implode(" ",$event)}}</td>
                                                                <td>{{implode(" ",$music)}}</td>
                                                                <td>{{$bookings->start}}</td>
                                                                <td>{{$bookings->end}}</td>
                                                                <td>{{$bookings->total_amount}}</td>
                                                                {{-- <td>
                                                                    <a href="{{route('entertainer.booking.details',['id'=>$bookings->id])}}" class="btn btn-primary">Detail</a>
                                                                    @if(!empty($booking->orders_entertainer[$key]->mapinfo))
                                                                    <a href="{{route('entertainer.booking.map',['id'=>$bookings->id])}}" class="btn btn-primary">Location</a>
                                                                    @endif
                                                                </td> --}}
                                                            </tr>
                                                        @endif
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>

                                </div>
                                <div class="tab-pane fade" id="per" role="tabpanel" aria-labelledby="profile-tab2">
                                    <div class="card-body">
                                        <div class="row">
                                            <table class="table table-sm">
                                                 <thead>
                                                    <tr>
                                                        <th scope="col">ID Event</th>
                                                        <th scope="col">Event Date</th>
                                                        <th scope="col">Venue</th>
                                                        <th scope="col">Company</th>
                                                        <th scope="col">Event Type</th>
                                                        <th scope="col">Music Genric</th>
                                                        <th scope="col">Start Time</th>
                                                        <th scope="col">End Time</th>
                                                        <th scope="col">Total Amount</th>
                                                        {{-- <th scope="col">View</th> --}}
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach($booking_previous->orders_entertainer as $key=>$bookings)
                                                        @if(!empty($bookings->payment_id))
                                                            <tr>
                                                                <td scope="row">{{$bookings->id}}</td>
                                                                <td>{{$bookings->booking_date}}</td>
                                                                <td>{{$bookings->venue_name}}</td>
                                                                <td>{{$bookings->company_name}}</td>
                                                                <td>{{implode(" ",$event_previous)}}</td>
                                                                <td>{{implode(" ",$music_previous)}}</td>
                                                                <td>{{$bookings->start}}</td>
                                                                <td>{{$bookings->end}}</td>
                                                                <td>{{$bookings->total_amount}}</td>
                                                                {{-- <td>
                                                                    <a href="{{route('entertainer.booking.details',['id'=>$bookings->id])}}" class="btn btn-primary">Detail</a>
                                                                    @if(!empty($booking->orders_entertainer[$key]->mapinfo))
                                                                    <a href="{{route('entertainer.booking.map',['id'=>$bookings->id])}}" class="btn btn-primary">Location</a>
                                                                    @endif
                                                                </td> --}}
                                                            </tr>
                                                        @endif
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>

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

@endsection
@section('scripts')
    <script src="{{ asset('admin/assets/bundles/select2/dist/js/select2.full.min.js') }} "></script>
@endsection