@extends('admin.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('adminpersonalinformation.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>Admin ID *</label>
                                                    <input type="text" required class="form-control"  value="{{ $admindetails->admin_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="{{ $admindetails->name }}">
                                                </div>
                                            </div>

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

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


                                        </div>

                                    </div>

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

                                        <div class="row">

                                            <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($admindetails->profileimage)
                                                            <img src="{{ asset('admin_profile/'.$admindetails->profileimage) }}" class="profileimagepreview" id="profileimagedisplay">

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

                                                        @if($admindetails->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>

                                                    @if($admindetails->profileimage)

                                                    <table class="filesizedisplaydesign">
                                                        <tbody>
                                                        <tr>
                                                            <td><button class="btn removeclicktogetadminprofileid" removeid="{{ $admindetails->id }}" type="button"><i class="fa fa-trash-o" aria-hidden="true" style=" color: red !important; "></i></button></td>
                                                        </tr>
                                                        </tbody>
                                                    </table>

                                                        @endif

                                            </div>

                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label>Designation</label>
                                                    <input type="text" class="form-control"  name="designation"  value="{{ $admindetails->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="{{ $admindetails->dateofBirth }}">
                                                </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($admin_idproofs) != 0)
                                                        @foreach($admin_idproofs as $admin_idproof)
<span class="removeimagepreview">
<table class="filesizedisplaydesign">
<tbody>
<tr>
<td colspan="2"><h2 class="assetdocumentfilenamedesigndisplay"><a>{{ $admin_idproof->idproofname }}</a></h2></td>
</tr>
<tr>
<td><i class="fa fa-file" aria-hidden="true"></i> <span>{{ $admin_idproof->filesize }}</span>&nbsp;</td>
<td><button class="btn removeprofileidproofclickgetid" removeid="{{ $admin_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>




                                </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">{{ $admindetails->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>
                                                <br>
                                                <br>

                                                <label>Display Keyword</label>
                                                <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">{{ $admindetails->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($admin_profile_images) != 0)
                                                        @foreach($admin_profile_images as $admin_profile_image)
                                                            <span class="removeimagepreview">
<img src="{{ asset('admin_display_image/'.$admin_profile_image->imagesname) }}" height="100" width="100">
<table class="filesizedisplaydesign">
    <tbody>
    <tr>
        <td><i class="fa fa-file" aria-hidden="true"></i> <span>{{ $admin_profile_image->filesize }}</span>&nbsp;</td>
        <td><button class="btn removeactordisplayimage" removeid="{{ $admin_profile_image->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="{{ $admindetails->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="{{ $admindetails->address1 }}"><br>
                                                    <input type="text"  class="form-control"  placeholder="Contact Address Line 2"  name="address2" value="{{ $admindetails->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($admindetails && $admindetails->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="{{ $admindetails->statedistict }}"><br>
                                                    <input type="text"  class="form-control"  placeholder="Pincode"  name="pincode" value="{{ $admindetails->pincode }}"><br>
                                                        <input type="text"  class="form-control"  placeholder="City"  name="city" value="{{ $admindetails->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="{{ $admindetails->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="{{ $admindetails ? old('instagramlink', $admindetails->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="{{ $admindetails ? old('twiterlink', $admindetails->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="{{ $admindetails ? old('linkedinlink', $admindetails->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="{{ $admindetails ? old('youtubelink', $admindetails->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="{{ $admindetails ? old('facebooklink', $admindetails->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="{{ $admindetails ? old('pinterstlink', $admindetails->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>

                                 <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('admin.personalinformation.account-css')
    @include('admin.personalinformation.account-js')

@endsection