@extends('actor.layouts.layout')

@section('content')

    <script src="https://code.jquery.com/jquery-3.5.1.js"></script>

    <div class="container-fluid">
        <div class="row clearfix">
            <div class="col-lg-12" style="padding-right: 0px;">
                <div class="card">
                    <div class="header">
                        <div class="row">

                            <div class="col-md-6">
                                <h4 class="alltabletopheadingdesign">Profile</h4>
                            </div>

                            <div class="col-md-6 text-right">
                            </div>

                        </div>
                    </div>
                    <div class="body">
                        <form id="profiledetailsform" method="POST" novalidate action="{{ route('actoraccountprofileupdate.update') }}" enctype="multipart/form-data">
                         @csrf


                        <ul class="nav nav-tabs-new2">
                            <li class="nav-item"><a class="nav-link show active" data-toggle="tab" href="#basic_tab">Basic </a></li>
                            <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#profession_tab">Profession</a></li>
                            <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#consultation_tab">Consultation </a></li>
                            <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#contact_tab">Contact </a></li>
                            <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#finance_tab">Finance </a></li>
                            <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#preference_tab">Preference </a></li>
                            <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#performance_tab">Performance </a></li>
                        </ul>
                        <div class="tab-content">
                            <div class="tab-pane show active" id="basic_tab">

                                <div class="row">
                                    <div class="col-md-6">

                                        <div class="row">

                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label>Actor ID *</label>
                                                    <input type="text" required class="form-control"  value="{{ $actordetails->actor_id }}" readonly>
                                                </div>
                                            </div>

                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label>E-mail ID *</label>
                                                    <input type="text" required class="form-control"   value="{{ $userdetails->email }}" readonly>
                                                </div>
                                            </div>

                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label>Display Name *</label>
                                                    <input type="text" required class="form-control"  name="name"  value="{{ $actordetails->name }}">
                                                </div>
                                            </div>

                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label>Representation</label>
                                                    <input type="text"  class="form-control"  name="representation"  value="{{ $actordetails->representation }}">
                                                </div>
                                            </div>

                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label>Password</label>
                                                    <input type="text"  class="form-control"  name="newpassword" placeholder="Enter New Password">
                                                </div>
                                            </div>

                                            <div class="col-md-12">

                                                <div class="form-group">
                                                    <label>Profile Background Image</label>
                                                    <div class="choosefiledesign">
                                                        <div class="loader mt-3" id="profilebackgroundimageloader"></div>
                                                        <input  type="file" name="profilebackgroundimage[]" id="profilebackgroundimagechoosefile">

                                                        @if($actordetails->backgroundprofileimage)
                                                            <img src="{{ asset('actor_backgroundprofile/'.$actordetails->backgroundprofileimage) }}" class="profileimagepreview" id="profilebackgroundimagedisplay">

                                                        @else
                                                            <img class="profileimagepreview" id="profilebackgroundimagedisplay" style="display:none">
                                                        @endif

                                                        @if($actordetails->backgroundprofileimage)
                                                            <div  id="profilebackgroundimagepreviewhideshow" style="display:none">
                                                                @else
                                                                    <div  id="profilebackgroundimagepreviewhideshow">
                                                                        @endif
                                                                        <i class="fa fa-cloud-upload" aria-hidden="true"></i>
                                                                        <p>Browse Image to upload</p>
                                                                        <section class="progress-area"></section>
                                                                        <section class="uploaded-area"></section>
                                                                    </div>

                                                            </div>



                                                    </div>

                                                    <table class="filesizedisplaydesign">
                                                        <tbody>
                                                        <tr>
                                                            <td><button class="btn removeclicktogetactorbackgroundprofileid" removeid="1" type="button"><i class="fa fa-trash-o" aria-hidden="true" style=" color: red !important; "></i></button></td>
                                                        </tr>
                                                        </tbody>
                                                    </table>

                                                </div>


                                            </div>


                                    </div>

                                    <div class="col-md-6">

                                        <div class="row">

                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label>Designation</label>
                                                    <input type="text" class="form-control"  name="designation"  value="{{ $actordetails->designation }}">
                                                </div>
                                            </div>

                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label>Date of Birth</label>
                                                    <input type="date" class="form-control"  name="dateofBirth"  value="{{ $actordetails->dateofBirth }}">
                                                </div>
                                            </div>

                                            <div class="col-md-12">

                                                <div class="form-group">
                                                    <label>Profile Image</label>
                                                    <div class="choosefiledesign">
                                                        <div class="loader mt-3" id="profileimageloader"></div>
                                                        <input  type="file" name="profileimage[]" id="profileimagechoosefile">

                                                        @if($actordetails->profileimage)
                                                            <img src="{{ asset('actor_profile/'.$actordetails->profileimage) }}" class="profileimagepreview" id="profileimagedisplay">

                                                        @else
                                                            <img class="profileimagepreview" id="profileimagedisplay" style="display:none">
                                                        @endif

                                                        @if($actordetails->profileimage)
                                                            <div  id="profileimagepreviewhideshow" style="display:none">
                                                                @else
                                                                    <div  id="profileimagepreviewhideshow">
                                                                        @endif
                                                                        <i class="fa fa-cloud-upload" aria-hidden="true"></i>
                                                                        <p>Browse Image to upload</p>
                                                                        <section class="progress-area"></section>
                                                                        <section class="uploaded-area"></section>
                                                                    </div>

                                                            </div>



                                                    </div>

                                                    <table class="filesizedisplaydesign">
                                                        <tbody>
                                                        <tr>
                                                            <td><button class="btn removeclicktogetactorprofileid" removeid="1" type="button"><i class="fa fa-trash-o" aria-hidden="true" style=" color: red !important; "></i></button></td>
                                                        </tr>
                                                        </tbody>
                                                    </table>

                                                </div>


                                            </div>

                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label>ID Proof</label>
                                                    <div class="choosefiledesign">
                                                        <div class="loader mt-3" id="profileididproofloader"></div>
                                                        <input  type="file" name="profileididproof[]" id="profileididproofchoosefile" multiple>

                                                        <div id="profileididproofpreviewhideshow">
                                                            <i class="fa fa-cloud-upload" aria-hidden="true"></i>
                                                            <p>Browse file to upload</p>
                                                            <section class="progress-area"></section>
                                                            <section class="uploaded-area"></section>
                                                        </div>

                                                    </div>

                                                </div>
                                            </div>

                                            <div class="col-md-12">
                                                <div id="displaypreviewidproofall">

                                                    @if(count($actor_idproofs) != 0)
                                                        @foreach($actor_idproofs as $actor_idproof)
<span class="removeimagepreview">
<table class="filesizedisplaydesign">
<tbody>
<tr>
<td colspan="2"><h2 class="assetdocumentfilenamedesigndisplay"><a>{{ $actor_idproof->idproofname }}</a></h2></td>
</tr>
<tr>
<td><i class="fa fa-file" aria-hidden="true"></i> <span>{{ $actor_idproof->filesize }}</span>&nbsp;</td>
<td><button class="btn removeprofileidproofclickgetid" removeid="{{ $actor_idproof->id }}" type="button" ><i class="fa fa-trash-o" aria-hidden="true"></i></button></td>
</tr>
</tbody>
</table>
</span>
                                                        @endforeach
                                                    @endif
                                                </div>
                                            </div>




                                    </div>

                                    <div class="col-md-12 text-center">
                                        <label class="form-check-label" for="actorverified">
                                            <input type="checkbox" class="form-check-input" id="actorverified" name="actorverified" value="3" required="required" @if($actordetails->verified == '1') checked @endif disabled>&nbsp; I hereby declare that, to the best of my knowledge, all the information provided is accurate.
                                        </label>
                                    </div>



                                </div>

                            </div>
                            <div class="tab-pane" id="profession_tab">
                                <div class="row">
                                    <div class="col-md-6">

                                        <div class="row">

                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label>Profile Description</label>
                                                    <textarea  class="form-control summernote @error('profiledescription') is-invalid @enderror"  rows="1" cols="1" name="profiledescription">{{ $actordetails->profiledescription }}</textarea>
                                                    @error('profiledescription')
                                                    <span class="error invalid-feedback">{{$message}}</span>
                                                    @enderror
                                                </div>
                                            </div>

                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label>Skills</label>
                                                    <input type="text" id="skillsdropdownlistall"  class="form-control" list="skillsdropdownlist"  name="skills" autocomplete="off">
                                                    <datalist id="skillsdropdownlist">

                                                    </datalist>
                                                </div>

                                                <label>Suggested Skills</label>
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <div id="displaysuggestedskillsdesign">

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

                                                <br>

                                                <label>Display Skills</label>
                                                <br>
                                                <div id="displayskilldesign">



                                                </div>

                                            </div>



                                        </div>

                                    </div>

                                    <div class="col-md-6">

                                        <div class="row">

                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label>Highlight</label>
                                                    <textarea  class="form-control summernote @error('highlight') is-invalid @enderror"  rows="1" cols="1" name="highlight">{{ $actordetails->highlight }}</textarea>
                                                    @error('highlight')
                                                    <span class="error invalid-feedback">{{$message}}</span>
                                                    @enderror
                                                </div>
                                            </div>

                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label>Display Image</label>
                                                    <div class="choosefiledesign">
                                                        <div class="loader mt-3" id="profiledisplayimageloader"></div>
                                                        <input  type="file" name="profileiddisplayimage[]" id="profiledisplayimagechoosefile" multiple>

                                                        <div id="displayimagepreviewhideshow">
                                                            <i class="fa fa-cloud-upload" aria-hidden="true"></i>
                                                            <p>Browse Image to upload</p>
                                                            <section class="progress-area"></section>
                                                            <section class="uploaded-area"></section>
                                                        </div>

                                                    </div>

                                                </div>
                                            </div>

                                            <div class="col-md-12">
                                                <div id="displaypreviewdisplayimageall">

                                                    @if(count($actor_profiles) != 0)
                                                        @foreach($actor_profiles as $actor_profile)
                                                            <span class="removeimagepreview">
<img src="{{ asset('actor_display_image/'.$actor_profile->imagesname) }}" height="100" width="100">
<table class="filesizedisplaydesign">
    <tbody>
    <tr>
        <td><i class="fa fa-file" aria-hidden="true"></i> <span>{{ $actor_profile->filesize }}</span>&nbsp;</td>
        <td><button class="btn removeactordisplayimage" removeid="{{ $actor_profile->id }}" type="button"><i class="fa fa-trash-o" aria-hidden="true"></i></button></td>
    </tr>
    </tbody>
</table>
                                                            </span>

                                                        @endforeach
                                                    @endif

                                                </div>
                                            </div>

                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label>Portfollo</label>
                                                    <input type="text" required class="form-control"  name="portfollo" value="{{ $actordetails->portfollo }}">
                                                </div>
                                            </div>


                                        </div>

                                    </div>


                                </div>
                            </div>
                            <div class="tab-pane" id="consultation_tab">


                            </div>
                            <div class="tab-pane" id="contact_tab">

                                <div class="row">
                                    <div class="col-md-6">

                                        <div class="row">

                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label>E-mail ID *</label>
                                                    <input type="text" required class="form-control"   value="{{ $userdetails->email }}" readonly>
                                                </div>
                                            </div>

                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label>Contact Number</label>
                                                    <input type="text" required class="form-control"  name="contactnumber"  value="{{ $userdetails->phone }}" >
                                                </div>
                                            </div>

                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label>Contact Address</label>
                                                    <input type="text"  class="form-control"  placeholder="Contact Address Line 1"  name="address1" value="{{ $actordetails->address1 }}"><br>
                                                    <input type="text"  class="form-control"  placeholder="Contact Address Line 2"  name="address2" value="{{ $actordetails->address1 }}"><br>
                                                    <div class="form-group displayhidepricedetails">
                                                        <div class="multiselect_div">

                                                            <select id="asset_pricetype-selection" name="countryid" style="width:100%" class="select2 form-control @error('countryid') is-invalid @enderror" required>
                                                                @foreach($country_all as $country)
                                                                    <option value="{{ $country->id }}"
                                                                            @if($actordetails && $actordetails->countryid == $country->id) selected
                                                                            @endif @if(old('countryid') == $country->id) selected @endif>{{ $country->countryname }} - {{ $country->countrycode }}</option>
                                                                @endforeach
                                                            </select>
                                                            @error('countryid')
                                                            <span class="error invalid-feedback">{{$message}}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <br>
                                                    <input type="text"  class="form-control"  placeholder="Enter State/District"  name="statedistict" value="{{ $actordetails->statedistict }}"><br>
                                                    <input type="text"  class="form-control"  placeholder="Pincode"  name="pincode" value="{{ $actordetails->pincode }}"><br>
                                                        <input type="text"  class="form-control"  placeholder="City"  name="city" value="{{ $actordetails->city }}"><br>



                                                </div>
                                            </div>

                                        </div>

                                    </div>

                                    <div class="col-md-6">

                                        <div class="row">

                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label>Website</label>
                                                    <input type="text"  class="form-control @error('websitelink') is-invalid @enderror" placeholder="Website Link" name="websitelink" value="{{ $actordetails->websitelink }}">
                                                    @error('websitelink')
                                                    <span class="error invalid-feedback">{{$message}}</span>
                                                    @enderror
                                                </div>
                                            </div>

                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label>Instagram Link</label>
                                                    <input type="text" required class="form-control @error('instagramlink') is-invalid @enderror" placeholder="Instagram Link" name="instagramlink" value="{{ $actordetails ? old('instagramlink', $actordetails->instagramlink) : old('instagramlink') }}">
                                                    @error('instagramlink')
                                                    <span class="error invalid-feedback">{{$message}}</span>
                                                    @enderror
                                                </div>
                                            </div>

                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label>Twiter Link</label>
                                                    <input type="text" required class="form-control @error('twiterlink') is-invalid @enderror" placeholder="Twiter Link" name="twiterlink" value="{{ $actordetails ? old('twiterlink', $actordetails->twiterlink) : old('twiterlink') }}">
                                                    @error('twiterlink')
                                                    <span class="error invalid-feedback">{{$message}}</span>
                                                    @enderror
                                                </div>
                                            </div>

                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label>Linkedin Link</label>
                                                    <input type="text" required class="form-control @error('linkedinlink') is-invalid @enderror" placeholder="Linkedin Link" name="linkedinlink" value="{{ $actordetails ? old('linkedinlink', $actordetails->linkedinlink) : old('linkedinlink') }}">
                                                    @error('linkedinlink')
                                                    <span class="error invalid-feedback">{{$message}}</span>
                                                    @enderror
                                                </div>
                                            </div>

                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label>Youtube Link</label>
                                                    <input type="text" required class="form-control @error('youtubelink') is-invalid @enderror" placeholder="Youtube Link" name="youtubelink" value="{{ $actordetails ? old('youtubelink', $actordetails->youtubelink) : old('youtubelink') }}">
                                                    @error('youtubelink')
                                                    <span class="error invalid-feedback">{{$message}}</span>
                                                    @enderror
                                                </div>
                                            </div>

                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label>Facebook Link</label>
                                                    <input type="text" required class="form-control @error('facebooklink') is-invalid @enderror" placeholder="Facebook Link" name="facebooklink" value="{{ $actordetails ? old('facebooklink', $actordetails->facebooklink) : old('facebooklink') }}">
                                                    @error('facebooklink')
                                                    <span class="error invalid-feedback">{{$message}}</span>
                                                    @enderror
                                                </div>
                                            </div>

                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label>Pinterst Link</label>
                                                    <input type="text" required class="form-control @error('pinterstlink') is-invalid @enderror" placeholder="Pinterst Link" name="pinterstlink" value="{{ $actordetails ? old('pinterstlink', $actordetails->pinterstlink) : old('pinterstlink') }}">
                                                    @error('pinterstlink')
                                                    <span class="error invalid-feedback">{{$message}}</span>
                                                    @enderror
                                                </div>
                                            </div>

                                        </div>

                                    </div>


                                </div>

                            </div>
                            <div class="tab-pane" id="finance_tab">


                            </div>
                            <div class="tab-pane" id="preference_tab">


                            </div>
                            <div class="tab-pane" id="performance_tab">


                            </div>
                        </div>


                         <div class="row">
                             <div class="col-md-12 text-center">

                                 <br>

                                 <button type="submit" name="actorprofilesavetype" class="btn btn-primary text-right" value="1">Save</button>
                                 <button type="reset" class="btn btn-danger text-right">Discard</button>
                                 <button type="submit" name="actorprofilesavetype" class="btn btn-success text-right" value="2">Send for Verification</button>

                                 <br>

                                 <div class="progress mt-3" style="height: 25px; display: none;">
                                     <div class="progress-bar" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">0%</div>
                                 </div>

                             </div>
                         </div>

                        </form>

                    </div>
                </div>

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


    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>


    @include('actor.accountdetails.account-css')
    @include('actor.accountdetails.account-js')


@endsection