@extends('layouts.app')

@section('contents')
    <style>
        #sidebar-nav{

            font-family: "Poppins Medium";
            background: #4b4b4b !important;
        }
        .list-group-item{
            color: white !important;
            background: #4b4b4b !important;
            border: 1px solid rgb(255 255 255 / 13%);
        }

        .list-group-item.active {
            /* z-index: 2; */
            color: #fff;
            border: 0px !important;
            border-color:  #0a0a0a;
            background: #fab900 !important;
        }
        .card-header{
            background: white !important;
            border-bottom: 0px solid rgba(0,0,0,.125);

        }
        .offset-md-1 {
            margin-left: 4.333333%;
        }
        .error{
            color: red;
        }
    </style>

    <div class="container">
        <div class="row flex-nowrap">
            @include('layouts.common.left_bar')
            <main class="col-md-8 ps-md-2 pt-2 mb-4 mx-4">
                <div class="page-header pt-3">


                    <h2> {{$profile->data->profile->name}} Profile</h2>
                </div>

<div class="col-md-4">
                <img src="@if($profile->data->profile->user_image){{asset($profile->data->profile->user_image)}}@else{{asset('assets/images/image.jpg')}}@endif" class=" mb-5  img-fluid" style="" alt="...">
</div>
            @if (session('success'))
                    <div class="alert alert-success">
                        {{ session('success') }}
                    </div>
                @endif
                @if (session('error'))
                    <div class="alert alert-danger">
                        {{ session('error') }}
                    </div>
                @endif
<form class="" action="{{route('client.update-profile')}}" method="post" id="get_quote">
    @csrf
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group  pb-2 mb-3">
                            <label for="first">First Name</label>
                            <br>
                            <span class="mb-4"> {{$name[0]}}</span>
                            <br>
                        </div>
                    </div>
                    <!--  col-md-6   -->

                    <div class="col-md-6">
                        <div class="form-group pb-2">
                            <label for="last">Last Name</label>
                            <br>
                            <span class="mb-4"> {{$name[1]}}</span>
                        </div>
                    </div>
                    <!--  col-md-6   -->
                </div>


                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group  pb-2 mb-3">
                            <label for="company">Company</label>
                            <br>
                            <span class="mb-4"> {{$profile->data->profile->company_name}}</span>

                            <br>
                        </div>


                    </div>
                    <!--  col-md-6   -->

                    <div class="col-md-6">
                        <div class="form-group  pb-2 mb-3">
                            <label for="company">Company</label>
                            <br>
                            <span class="mb-4"> {{$profile->data->profile->phone}}</span>

                            <br>
                        </div>

                    </div>
                    <!--  col-md-6   -->
                </div>
                <!--  row   -->


                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group  pb-2 mb-3">
                            <label for="company">Company</label>
                            <br>
                            <span class="mb-4"> {{$profile->data->profile->email}}</span>

                            <br>
                        </div>

                    </div>
                    <!--  col-md-6   -->

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

                        <div class="form-group  pb-2 mb-3">
                            <label for="company">Company</label>
                            <br>
                            <span class="mb-4"> {{$profile->data->profile->id}}</span>

                            <br>
                        </div>


                    </div>
                    <!--  col-md-6   -->
                </div>




    <div class=" gap-2 mt-3 mb-3 ">
       <a href="{{route('client.edit_profile')}}"> <button class="btn btn-warning" type="button">Edit Profile</button></a>

    </div>
                <!--  row   -->
</form>




            </main>
        </div>
    </div>
    <!--Container Main end-->

@endsection
@push('scripts')

    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.3/jquery.validate.min.js"></script>


    <script>
        $.validator.addMethod('captcha',
            function(value) {
                $result = ( parseInt($('#num1').val()) + parseInt($('#num2').val()) == parseInt($('#captcha').val()) ) ;
                $('#spambot').fadeOut('fast');
                return $result;
            },
            'Incorrect value, please try again.'
        );

        $('#get_quote').validate({
            debug: false,
            rules: {

                password: {

                },
                password_confirm: {

                    equalTo: "#password"
                }
            },



        });

    </script>
@endpush