@extends('advertiser.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('advertiseraccountprofileupdate.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="#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>Advertiser ID *</label>
                                                    <input type="text" required class="form-control"  value="{{ $advertiserdetail->advertiser_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="{{ $advertiserdetail->name }}">
                                                </div>
                                            </div>

                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label>Representation *</label>
                                                    <input type="text"  class="form-control"  name="representation"  value="{{ $advertiserdetail->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>

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

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

                                                        @if($advertiserdetail->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 class="col-md-12">
                                                <div class="form-group">
                                                    <label>Designation</label>
                                                    <input type="text" class="form-control"  name="designation"  value="{{ $advertiserdetail->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="{{ $advertiserdetail->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($advertiserdetail_idproofs) != 0)
                                                        @foreach($advertiserdetail_idproofs as $advertiserdetail_idproof)
<span class="removeimagepreview">
<table class="filesizedisplaydesign">
<tbody>
<tr>
<td colspan="2"><h2 class="assetdocumentfilenamedesigndisplay"><a>{{ $advertiserdetail_idproof->idproofname }}</a></h2></td>
</tr>
<tr>
<td><i class="fa fa-file" aria-hidden="true"></i> <span>{{ $advertiserdetail_idproof->filesize }}</span>&nbsp;</td>
<td><button class="btn removeprofileidproofclickgetid" removeid="{{ $advertiserdetail_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="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="email" 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="number" required class="form-control @error('contactnumber') is-invalid @enderror"  name="contactnumber"  value="{{ $userdetails->phone }}" >
                                                    @error('contactnumber')
                                                    <span class="error invalid-feedback">{{$message}}</span>
                                                    @enderror
                                                </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="{{ $advertiserdetail->address1 }}"><br>
                                                    <input type="text"  class="form-control"  placeholder="Contact Address Line 2"  name="address2" value="{{ $advertiserdetail->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($advertiserdetail && $advertiserdetail->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="{{ $advertiserdetail->statedistict }}"><br>
                                                    <input type="text"  class="form-control"  placeholder="Pincode"  name="pincode" value="{{ $advertiserdetail->pincode }}"><br>
                                                        <input type="text"  class="form-control"  placeholder="City"  name="city" value="{{ $advertiserdetail->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="{{ $advertiserdetail->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="{{ $advertiserdetail ? old('instagramlink', $advertiserdetail->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>Twitter Link</label>
                                                    <input type="text" required class="form-control @error('twiterlink') is-invalid @enderror" placeholder="Twitter Link" name="twiterlink" value="{{ $advertiserdetail ? old('twiterlink', $advertiserdetail->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="{{ $advertiserdetail ? old('linkedinlink', $advertiserdetail->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="{{ $advertiserdetail ? old('youtubelink', $advertiserdetail->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="{{ $advertiserdetail ? old('facebooklink', $advertiserdetail->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>Pinterest Link</label>
                                                    <input type="text" required class="form-control @error('pinterstlink') is-invalid @enderror" placeholder="Pinterest Link" name="pinterstlink" value="{{ $advertiserdetail ? old('pinterstlink', $advertiserdetail->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="brandprofilesavetype" 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('advertiser.accountdetails.account-css')
    @include('advertiser.accountdetails.account-js')


@endsection