@extends('user.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="basic-form" method="POST" novalidate action="{{ route('userprofile.update') }}" enctype="multipart/form-data">
                         @csrf
                        <style>
                            .filteroption {
                                padding: 15px;
                                display:none;
                            }
                            .filteroption a {
                                color: black;
                                font-size: 10px;
                                font-weight: 600;
                                border: 1px solid black;
                                padding: 5px;
                                line-height: 40px;
                                cursor: pointer;
                            }
                        </style>

                        <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="#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>Client ID *</label>
                                                    <input type="text" required class="form-control"  value="{{ $clientdetail->client_user_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="{{ $clientdetail->name }}">
                                                </div>
                                            </div>

                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label>Representation *</label>
                                                    <input type="text"  class="form-control"  name="representation" value="{{ $clientdetail->representation }}">
                                                </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>
                                                <input type="file" required class="form-control @error('profileimage') is-invalid @enderror"  name="profileimage[]">
                                                @error('profileimage')
                                                <span class="error invalid-feedback">{{$message}}</span>
                                                @enderror
                                            </div>
                                        </div>

                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label>Designation</label>
                                                    <input type="text" class="form-control"  name="designation" value="{{ $clientdetail->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="{{ $clientdetail->dateofBirth }}">
                                                </div>
                                            </div>


                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label>ID Proof</label>
                                                    <input type="file" required class="form-control @error('idproof') is-invalid @enderror"  name="idproof">
                                                    @error('idproof')
                                                    <span class="error invalid-feedback">{{$message}}</span>
                                                    @enderror
                                                </div>
                                            </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">&nbsp; I hereby declare that, to the best of my knowledge, all the information provided is accurate.
                                        </label>
                                    </div>

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

                                        <br>

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

                                        <br>

                                    </div>

                                </div>

                            </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" value="{{ $userdetails->phone }}"  name="contactnumber">
                                                </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="{{ $clientdetail->address1 }}"><br>
                                                    <input type="text"  class="form-control"  placeholder="Contact Address Line 2"  name="address2" value="{{ $clientdetail->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($clientdetail && $clientdetail->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="{{ $clientdetail->statedistict }}"><br>
                                                    <input type="text"  class="form-control"  placeholder="Pincode"  name="pincode" value="{{ $clientdetail->pincode }}"><br>
                                                        <input type="text"  class="form-control"  placeholder="City"  name="city" value="{{ $clientdetail->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="{{ $clientdetail->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="{{ $clientdetail ? old('instagramlink', $clientdetail->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="{{ $clientdetail ? old('twiterlink', $clientdetail->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="{{ $clientdetail ? old('linkedinlink', $clientdetail->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="{{ $clientdetail ? old('youtubelink', $clientdetail->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="{{ $clientdetail ? old('facebooklink', $clientdetail->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="{{ $clientdetail ? old('pinterstlink', $clientdetail->pinterstlink) : old('pinterstlink') }}">
                                                    @error('pinterstlink')
                                                    <span class="error invalid-feedback">{{$message}}</span>
                                                    @enderror
                                                </div>
                                            </div>

                                        </div>

                                    </div>


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

                                        <br>

                                        <button type="submit" class="btn btn-primary text-right">Save</button>
                                        <button type="reset" class="btn btn-danger text-right">Discard</button>

                                        <br>

                                    </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>

                        </form>

                    </div>
                </div>

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


@endsection