@extends('entertrainer.layouts.master')
@section('stylelink')
    <link type="text/css" rel="stylesheet" href="{{ asset('user/assets/css/image-uploader.min.css') }}">
@endsection
@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;
        }

        .float-left {
            padding: 10px !important;
        }
    </style>
    <section class="section">
        <ul class="breadcrumb breadcrumb-style ">
            <li class="breadcrumb-item">
                <h4 class="page-title m-b-0">Profile</h4>
            </li>
            <li class="breadcrumb-item">
                <a href="#">
                    <i data-feather="home"></i></a>
            </li>
            <li class="breadcrumb-item">DJ</li>
            <li class="breadcrumb-item">Profile</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($entertainer_info->galleries->isEmpty())
                                    <form action="{{route('entertainer.gallery_image.process')}}" method="post" class="dropzone" enctype="multipart/form-data">
                                        @csrf
                                        <div class="row">
                                            <div class="form-group col-md-12 col-12">
                                                <div class="images"></div>
                                                @error('images')
                                                    <div class="text-danger">{{$message}}</div>
                                                @enderror
                                            </div>
                                            <div class="form-group col-md-12 col-12">
                                                <button class="btn btn-primary">Save Changes</button>
                                            </div>   
                                        </div>
                                    </form>
                                @else
                                    <form action="{{route('entertainer.gallery_image.process')}}" method="post" class="dropzone" enctype="multipart/form-data">
                                        @csrf
                                        <div class="row">
                                            <div class="form-group col-md-12">
                                                <div class="images"></div>
                                                @error('images')
                                                    <div class="text-danger">{{$message}}</div>
                                                @enderror
                                            </div>
                                            <label class="col-form-label text-md-right col-12 col-md-3 col-lg-3"></label>
                                            <div class="col-md-11 mt-1">
                                                 @livewire('entertrainer.delete-gallary-images',['id'=>$entertainer_info->id])
                                            </div> 
                                            <div class="form-group col-md-12 col-12">
                                                <button class="btn btn-primary">Save Changes</button>
                                            </div>   
                                        </div>
                                    </form>
                                @endif
                              {{-- <form action="#" class="dropzone" id="mydropzone">
                                <div class="fallback">
                                  <input name="file" type="file" multiple />
                                </div>
                              </form> --}}
                                {{-- @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 author-box">
                        <div class="card-body">
                            <div class="author-box-center">
                                <form action="{{route('entertainer.gallery_video.process')}}" method="post" enctype="multipart/form-data">
                                    @csrf
                                    <div class="row">
                                        <div class="form-group col-md-06 col-06">
                                        <label>Upload Video</label>
                                            <input name="video[]" type="file" multiple />
                                            @error('video')
                                                <div class="text-danger">{{$message}}</div>
                                            @enderror
                                        </div>
                                        <label class="col-form-label text-md-right col-12 col-md-3 col-lg-3"></label>
                                        <div class="col-md-11 mt-1">
                                                @livewire('entertrainer.delete-gallay-video',['id'=>$entertainer_info->id])
                                        </div> 
                                        <div class="form-group col-md-06 col-06">
                                            <button class="btn btn-primary">Save Changes</button>
                                        </div>   
                                    </div>
                                </form>
                              {{-- <form action="#" class="dropzone" id="mydropzone">
                                <div class="fallback">
                                  <input name="file" type="file" multiple />
                                </div>
                              </form> --}}
                                {{-- @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>
                 <form action="{{ route('entertainer.profile.process') }}" method="post">
                   @csrf
                    <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 --}}
                                        <input type="text" name="facebook" class="form-control" @if (!empty($entertainer_info->entertainerDetail)) value="{{ $entertainer_info->entertainerDetail->facebook }}" @endif>
                                        <span class="text-danger">{{ $errors->first('facebook') }}</span>
                                    </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 --}}
                                        <input type="text" name="tiktok" class="form-control" @if (!empty($entertainer_info->entertainerDetail)) value="{{ $entertainer_info->entertainerDetail->tiktok }}" @endif>
                                        <span class="text-danger">{{ $errors->first('tiktok') }}</span>
                                    </span>
                                </p>
                                <p class="clearfix">
                                    <span class="float-left">
                                        Website
                                    </span>
                                    <span class="float-right text-muted">
                                        <input type="text" name="website" class="form-control" @if (!empty($entertainer_info->entertainerDetail)) value="{{ $entertainer_info->entertainerDetail->website }}" @endif>
                                        <span class="text-danger">{{ $errors->first('website') }}</span>
                                    </span>
                                </p>
                                <p class="clearfix">
                                    <span class="float-left">
                                        IG
                                    </span>
                                    <span class="float-right text-muted">
                                        <input type="text" name="ig" class="form-control" @if (!empty($entertainer_info->entertainerDetail)) value="{{ $entertainer_info->entertainerDetail->ig }}" @endif>
                                        <span class="text-danger">{{ $errors->first('ig') }}</span>
                                    </span>
                                </p>
                                 <p class="clearfix">
                                    <span class="float-left">
                                        Youtube
                                    </span>
                                    <span class="float-right text-muted">
                                        <input type="text" name="youtube" class="form-control" @if (!empty($entertainer_info->entertainerDetail)) value="{{ $entertainer_info->entertainerDetail->youtube }}" @endif>
                                        <span class="text-danger">{{ $errors->first('youtube') }}</span>
                                    </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">
                            </ul>
                            <div class="tab-content tab-bordered" id="myTab3Content">

                                <div class="tab-pane fade show active" id="settings" role="tabpanel"
                                    aria-labelledby="profile-tab2">
                                    
                                        
                                        @if (session('success'))
                                            <div class="alert alert-success">{{ session('success') }}</div>
                                        @endif

                                        <div class="card-header">

                                            <h4>Profile</h4>
                                        </div>
                                        {{-- {{dd($musics)}} --}}
                                        {{-- @if (!empty($musicdetails)) --}}
                                        {{-- {{dd($musicdetails)}} --}}

                                        <div class="card-body">

                                            <div class="row">
                                                <div class="form-group col-md-6 col-12">
                                                    <label>DJ Name</label>
                                                    <input type="hidden" name="entertainer_id" @if (!empty($entertainer_info->entertainerDetail)) value="{{ $entertainer_info->entertainerDetail->id }}" @endif>
                                                    <input type="text" name="name" 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>
                                                    <input type="email" name="paypal_email" 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>
                                                      <input type="text" name="website" 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>
                                                      <input type="text" name="ig" 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>
                                                    <input type="text" name="facebook" 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>Tiktok</label>
                                                    <input type="text" name="tiktok" 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>
                                                    <input type="number" name="phone_no" 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>
                                                    <input type="date" name="dob" 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>
                                                    <input type="date" name="start_date" 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>
                                                    <input type="number" name="rate_hour" 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 class="row">
                                                <div class="form-group col-12">
                                                    <label>Post Code</label>
                                                    <input type="number" name="post_code"  @if(!empty($entertainer_info->entertainerDetail)) value="{{ $entertainer_info->entertainerDetail->post_code}}" @endif class="form-control">
                                                    <span class="text-danger">{{ $errors->first('post_code') }}</span>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="form-group col-12">
                                                    <label>Music</label>
                                                    <select name="music[]" id="" 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>
                                                    <select name="event[]" id="" 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>
                                                    <select name="restaurant[]" id="" class="form-control select2"
                                                        multiple="">
                                                        <option value="" disabled>Select Restaurant</option>
                                                        @foreach ($all_restaurant as $restaurants)
                                                            <option value="{{ $restaurants->id }}"
                                                                @if (!empty($entertainer_info->restaurants) && count($entertainer_info->restaurants) > 0) @foreach ($entertainer_info->restaurants as $view_restaurants) @if ($view_restaurants->id == $restaurants->id) selected @endif @endforeach  @endif>{{ $restaurants->name }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                    <span
                                                        class="text-danger">{{ $errors->first('restaurant') }}</span>

                                                </div>
                                            </div> --}}

                                        </div>




                                        <div class="card-footer text-right">
                                            <button class="btn btn-primary">Save Changes</button>
                                        </div>
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
               </form>  
            </div>
        </div>
    </section>

@endsection
@section('script')
    <script src="{{ asset('admin/assets/bundles/select2/dist/js/select2.full.min.js') }} "></script>
    <script type="text/javascript" src="{{ asset('user/assets/js/image-uploader.min.js') }}"></script>
    <script>
        $('.images').imageUploader();
    </script>
@endsection