@extends('vendor/layouts/master')
@section('title') 
    {{isset($obj) ? $obj?->name : ''}} | Profile
@endsection
    

@section('page_name')
    My Profile
@endsection
@section('content')
    <div class="row">
        <div class="col-lg-4">
            <div class="card">
                <div class="card-body">
                    <div class="wideget-user text-center">
                        <div class="wideget-user-desc">
                            <div class="wideget-user-img">
                                <img class="" src="{{ $obj->image ? asset($obj->image) : asset('assets/uploads/avatar.png')}}" alt="img">
                            </div>
                            <div class="user-wrap">
                                <h4 class="mb-1 text-capitalize">{{$obj->name}}</h4>
{{--                                <h6 class="text-muted mb-4"> {{$obj->created_at->diffForHumans()}}</h6>--}}
                                <h6 class="text-muted mb-4"> {{$obj->email}}</h6>
                            </div>
                            <div class="">
                                <button class="btn btn-secondary btn-icon text-white editBtn m-2">
                                    <span>
                                        <i class="fe fe-edit"></i>
                                    </span>
                                    {{ trns('update_Profile') }}
                                </button>
                               
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-8">
            <div class="card">
                <div class="wideget-user-tab">
                    <div class="tab-menu-heading">
                        <div class="tabs-menu1">
                            <ul class="nav">
                                <li class=""><a href="#tab-51" class="active show" data-toggle="tab">Information</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-content">
                <div class="tab-pane active show" id="tab-51">
                    <div class="card">
                        <div class="card-body">
                            <div id="profile-log-switch">
                                <div class="media-heading">
                                    <h5><strong>Personal Information</strong></h5>
                                </div>
                                <div class="table-responsive ">
                                    <table class="table row table-borderless">
                                        <tbody class="col-lg-12 col-xl-4 p-0">
                                        <tr>
                                            <td class="text-capitalize"><strong>Name :</strong> {{$obj->name}}</td>
                                        </tr>
                                        </tbody>
                                        <tbody class="col-lg-12 col-xl-4 p-0">
                                        <tr>
                                            <td><strong>Email :</strong> {{$obj->email}}</td>
                                        </tr>
                                        </tbody>
                                        <tbody class="col-lg-12 col-xl-4 p-0">
                                        <tr>
                                            <td><strong>Register Date :</strong> {{$obj->created_at->diffForHumans()}}</td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div><!-- COL-END -->
    </div>
<!-- update password and name -->
        <div class="modal fade" id="editOrCreate" data-backdrop="static" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="example-Modal3">{{ trns('vendor_data') }}</h5>
                        <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body" id="modal-body">

                    </div>
                </div>
            </div>
        </div>
        <!-- update password and name -->

       
    </div>
    @include('vendor/layouts/myAjaxHelper')

@endsection
@section('ajaxCalls')
    <script>
      
        showEditModal('{{ route("vendor.editProfile") }}');
        editScript();


        
    </script>
    <script>
        $('.tab-action').on('click', function(e) {
            $('.tab-action').removeClass('active show');
            $('.tab-pane').removeClass('active show');

            $(this).addClass('active show');
            let href = $(this).attr('href');
            $(`${href}`).addClass('active show');
        });
    </script>
@endsection