@extends('admin.layouts.header')
@section('styles') 
 
@endsection

@section('content')
    <main class="admin-dashbaord-content">
        <!--<h3 class="sub-heading mt-4">User Profile</h3>-->
        <!--<a href="{{route('all-users')}}" class="table-title">Back</a>-->
        <div class="project-title-wrap d-flex justify-content-between align-items-center my-4">
            <h3 class="table-title">User Profile</h3>
            <!--<a href="{{route('all-users')}}" class="table-title back-btn"><i class="fas fa-long-arrow-alt-left me-3 text-white"></i>Back</a>-->
        </div>
        @if(!empty($users))
        @foreach($users as $user)
        
        <!--@if ($errors->any())-->
        <!--    <div class="alert alert-danger">-->
        <!--        <ul>-->
        <!--            @foreach ($errors->all() as $error)-->
        <!--                <li>{{ $error }}</li>-->
        <!--            @endforeach-->
        <!--        </ul>-->
        <!--    </div>-->
        <!--@endif-->
        @if($message = Session::get('success_done'))
            <!--<div class="alert alert-success alert-dismissible fade show" role="alert">{{ $message }}-->
            <!--    <button type="button" class="close" data-dismiss="alert" aria-label="Close">-->
            <!--        <span aria-hidden="true">&times;</span>-->
            <!--    </button>-->
            <!--</div>-->
            <div class="alert alert-success alert-dismissible" >
              <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
              <strong>{{ $message }}!</strong>
            </div>
        @endif

        @if($message = Session::get('error_done'))
            <!--<div class="alert alert-danger alert-dismissible fade show" role="alert">{{ $message }}-->
            <!--     <button type="button" class="close" data-dismiss="alert" aria-label="Close">-->
            <!--          <span aria-hidden="true">&times;</span>-->
            <!--     </button>-->
            <!--</div>-->
            <div class="alert alert-danger alert-dismissible" >
              <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
              <strong>{{ $message }}!</strong>
            </div>
            @endif 
            <div class="content-wrap profile-wrap p-4">
                <!--<form action="{{route('editProfile' )}}"  enctype="multipart/form-data" id="editform2" method="post">-->
                <!--{{ csrf_field() }}-->
                    <div class="profile-content row mb-4">
                        <div class="col-md-4">
                            <div class="avatar-upload">
                                <div class="avatar-edit">
                                    <input name="profile_image_old" value="@if(!empty($user->profile_image)){{old('profile_image', $user->profile_image)}}@endif" id="profile_image_old" type="hidden" class="form-control" >
                                    <input name="profile_image"  type='file' id="imageUpload" accept=".png, .jpg, .jpeg" / >
                                    <!--<input type='file' id="imageUpload" accept=".png, .jpg, .jpeg" />-->
                                    <label for="imageUpload"></label>
                                </div>
                                <div class="avatar-preview">
                                    @if(!empty($user->profile_image))
                                        <div id="imagePreview" style="background-image: url('{{url('').'/'.$user->profile_image }}');"></div>
                                    @else
                                    <div id="imagePreview" style="background-image: url('{{ URL::asset('assets/medias/dummy-img.png')}}');"></div>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="col-md-8">
                            <div class="pt-3">
                                <div class="form-group mt-0 mb-4">
                                    <label for="name" class="mb-2 text-blue">First Name</label>
                                    <input type="text" name="name" value="@if(!empty($user->name)){{old('name', $user->name)}}@endif" class="form-control input" id="name" placeholder="Your First Name" maxlength="30" readonly>
                                     <div  style="color:red">{{ $errors->first('name') }}</div>
                                </div>
                                <div class="form-group mt-0 mb-4">
                                    <label for="last_name" class="mb-2 text-blue">Last Name</label>
                                    <input type="text" name="last_name" value="@if(!empty($user->last_name)){{old('last_name', $user->last_name)}}@endif"  class="form-control" id="last_name" placeholder="Your Last Name" maxlength="32" readonly>
                                    <div  style="color:red">{{ $errors->first('last_name') }}</div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12 mt-3">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group mt-0 mb-4">
                                        <label for="text" class="mb-2 w-100 text-blue">Biography</label>
                                        <input name="biography" type="text" value="@if(!empty($user->biography)){{old('biography', $user->biography)}}@endif" maxlength="200" id="biography" class="form-control"  placeholder="Biography" readonly>
                                        <div  style="color:red">{{ $errors->first('biography') }}</div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group mt-0 mb-4">
                                        <label for="email" class="mb-2 text-blue">Email</label>
                                        <input type="email" name="email" value="@if(!empty($user->email)){{old('email', $user->email)}}@endif" class="form-control" id="email" placeholder="abc@gmail.com" maxlength="50" readonly>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group mt-0 mb-4">
                                        <label for="number"  class="mb-2 text-blue">Contact Number</label>
                                        <input type="text" name="contact_no" value="@if(!empty($user->contact_no)){{old('contact_no', $user->contact_no)}}@endif"  class="form-control" id="number" placeholder="+93-xxxxxxxx" maxlength="15" readonly>
                                        <div  style="color:red">{{ $errors->first('contact_no') }}</div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group mt-0 mb-4">
                                        <label for="text" class="mb-2 text-blue">Your Role</label>
                                        <input type="text"  name="company_role" value="@if(!empty($user->company_role)){{old('company_role', $user->company_role)}}@endif" class="form-control" id="text" placeholder="Enter Your Role" maxlength="32" readonly>
                                        <div  style="color:red">{{ $errors->first('company_role') }}</div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group mt-0 mb-4">
                                        <label for="text" class="mb-2 text-blue">Company Website</label>
                                        <input name="company_website" type="text" value="@if(!empty($user->company_website)){{old('company_website', $user->company_website)}}@endif"  class="form-control" id="company_website" placeholder="URL" maxlength="50" readonly>
                                        <div  style="color:red">{{ $errors->first('company_website') }}</div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group mt-0 mb-4">
                                        <label for="text" class="mb-2 text-blue">LinkedIn URL</label>
                                        <input name="linkedin_url" type="text" value="@if(!empty($user->linkedin_url)){{old('linkedin_url', $user->linkedin_url)}}@endif" class="form-control" id="linkedin_url" placeholder="Your Linedin URL" maxlength="32" readonly>
                                        <div  style="color:red">{{ $errors->first('linkedin_url') }}</div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group mt-0 mb-4">
                                        <label for="text" class="mb-2 text-blue">Address</label>
                                        <input type="text" name="address" value="@if(!empty($user->address)){{old('address', $user->address)}}@endif" class="form-control" id="address" placeholder="Your Address" maxlength="50" readonly>
                                        <div  style="color:red">{{ $errors->first('address') }}</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                <!--    <div class="text-center mt-5 mb-5">-->
                <!--        <button type="submit" class="text-white fw-600 text-uppercase explore-btn desc-load-btn mt-0 profile-buttons">Update Profile</button>-->
                <!--    </div>-->
                
                <!--</form>-->
                <div class="profile-status">
                    <div class="row justify-content-around">
                        @if(count($enquiry_investors) > 0)
                        <div class="col-md-6">
                            <div class="profile-investments">
                                <h3 class="profile-heading text-center mb-3">Investments</h3>
                                @foreach($enquiry_investors as $enquiry_investor)
                                    @foreach($projects as $project)
                                        @if($project->id == $enquiry_investor->project_id)
                                         @php $ide = Crypt::encrypt($project->id); @endphp
                                            <div class="d-flex align-items-center investment-content mb-3">
                                                <div class="profile-project-img">
                                                    <a href="{{ route('project-description', $ide )}}">
                                                        @if(empty($project->project_banner_image))
                                                            <img src="{{ URL::asset('assets/medias/dummy-img.png')}}" alt="">
                                                        @else
                                                            <img src="{{url('').'/'.$project->project_banner_image }}" alt="">
                                                        @endif
                                                    </a>
                                                </div>
                                                <div class="profile-project-name">
                                                    <a href="{{ route('project-description', $ide )}}">{{ $project->project_title }}</a>
                                                </div>
                                            </div>
                                        @else
                                        @endif
                                    @endforeach
                                @endforeach
                            </div>
                        </div>
                        @else
                        <div class="col-md-6">
                            <div class="profile-investments">
                                <h3 class="profile-heading text-center mb-3">Investments</h3>
                                <p class="investment-text">User have not invested in any project</p>
                                <div class="text-center">
                                    <!--<a href="{{ route('project-listing') }}" class="text-white fw-600 text-uppercase explore-btn desc-load-btn mt-0 profile-buttons">start investing</a>-->
                                </div>
                            </div>
                        </div>
                        @endif
                        
                        @if(count($projects_created) > 0)
                        <div class="col-md-6">
                            <div class="profile-investments">
                                <h3 class="profile-heading text-center mb-3">Published Projects</h3>
                                @foreach($projects_created as $project_created)
                                    @foreach($projects as $project)
                                    @if($project->id == $project_created->id)
                                    @php $ide = Crypt::encrypt($project->id); @endphp
                                    <div class="d-flex align-items-center investment-content mb-3">
                                        <div class="profile-project-img">
                                            <a href="{{ route('project-description', $ide )}}">
                                                @if(empty($project->project_banner_image))
                                                    <img src="{{ URL::asset('assets/medias/dummy-img.png')}}" alt="">
                                                @else
                                                    <img src="{{url('').'/'.$project->project_banner_image }}" alt="">
                                                @endif
                                            </a>
                                        </div>
                                        <div class="profile-project-name">
                                            <a href="{{ route('project-description', $ide )}}">{{ $project->project_title }}</a>
                                        </div>
                                    </div>
                                    @else
                                    @endif
                                    @endforeach
                                @endforeach
                            </div>
                        </div>
                    </div>
                    @else
                    <div class="col-md-6">
                        <div class="profile-investments">
                            <h3 class="profile-heading text-center mb-3">Published Projects</h3>
                            <p class="investment-text">User have not created any project</p>
                            <div class="text-center">
                                <!--<a href="{{ route('startProject')}}" class="text-white fw-600 text-uppercase explore-btn desc-load-btn mt-0 profile-buttons">start a project</a>-->
                            </div>
                        </div>
                    </div>
                    @endif
                    <!--<div class="row justify-content-around mt-4">-->
                        
                        
                    <!--</div>-->
                </div>
                
            </div>
        </form>
        @endforeach
        @endif
@endsection

@section('scripts') 
    <script>
        // Profile Upload 
        function readURL(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();
            reader.onload = function(e) {
                $('#imagePreview').css('background-image', 'url('+e.target.result +')');
                $('#imagePreview').hide();
                $('#imagePreview').fadeIn(650);
            }
            reader.readAsDataURL(input.files[0]);
        }
        }
        $("#imageUpload").change(function() {
        readURL(this);
        });
    </script>
@endsection