@extends('layouts.app')
@section('style')
    <link href="{{ asset('assets/css/custom.css') }}" rel="stylesheet" type="text/css">
@endsection
@section('content')

    {{-- @dd(auth()->user()->load(['userDetial'])) --}}
    {{-- @dd(Auth::user()->userDetial) --}}
    {{-- @dd(auth()->user()->load(['userDetial'])->userDetial) --}}
    {{-- @dd(Auth::user()->id) --}}
    <div class="dashboard-container">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-3">
                    <div class="dashboardL profileEditBg profileEditBg1">
                        {{-- <div class="dashboard-proPic mb-md-4 mb-3"><img src="assets/images/profilePic.jpg" alt=""></div> --}}
                        <div class="dashboard-proPic mb-md-4 mb-3"><img
                                src="{{ isset($userDetails->image) ? 'profileImage/'.$userDetails->image : 'assets/images/profilePic.jpg' }}"
                                alt=""></div>
                        <h3 class="text-center">{{ $userDetails->name ?? '' }} <span><img src="assets/images/tick-icon.png"
                                                                                    alt=""></span></h3>
                        <h6 class="text-center mb-0">License No .{{ $user->license_number ?? '' }}</h6>
                        <p class="text-center">{{ $userDetails->city ?? '' }} , {{ $userDetails->country ?? '' }}</p>
                        <ul class="dash-infoList mt-md-4 mt-3">

                        </ul>
                        <ul class="SocialLink">
                            <li><a href="#"><span><i class="fa fa-globe"></i></span> Visit</a></li>
                            <li><a href="#"><span><i class="fa fa-facebook"></i></span> Share</a></li>
                            <li><a href="#" id="edit-toggle"><span><i
                                            class="fa fa-pencil-square-o"></i></span> Edit</a></li>
                        </ul>

                        @if (Auth::user()->role_id === 1 || Auth::user()->role_id === 2)
                        <a href="{{ url('/offer-one') }}" class="btn btn-black w-100">Make an Offer</a>
                        @endif


                    </div>
                </div>

                <div class="col-md-9">
                    <div class="profileEdit-box profileEditBg">
                        <div class="w-100">
                            <table class="table" id="show_info">
                                <tbody>
                                <tr>
                                    <td>Name</td>
                                    <td>{{ $user->name ?? '' }}</td>
                                </tr>
                                <tr>
                                    <td>Email</td>
                                    <td>{{ $user->email ?? '' }}</td>
                                </tr>
                                <tr>
                                    <td>Phone</td>
                                    <td>{{ $userDetails->phone ?? '' }}</td>
                                </tr>
                                <tr>
                                    <td>Licence</td>
                                    <td>{{ $user->license_number ?? '' }}</td>
                                </tr>
                                <tr>
                                    <td>Company</td>
                                    <td>{{ $userDetails->company ?? '' }}</td>
                                </tr>
                                <tr>
                                    <td>Address</td>
                                    <td>{{ $userDetails->address ?? '' }}</td>
                                </tr>
                                </tbody>
                            </table>
                            <form class="d-none" action="{{ route('profile-update') }}" method="post"
                                  enctype="multipart/form-data"
                                  id="edit_info">
                                @csrf
                                <table class="table ">
                                    <tbody>
                                    <tr>
                                        <td>Profile Image</td>
                                        <td>
                                            <div class="btn btn-black custom-upLoadBtn text-capitalize mb-md-4 mb-3">
                                                <span>Choose a file</span>
                                                <input type="file" name="image">
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Name</td>
                                        <td>
                                            <input type="text" class="form-control" name="name" placeholder="Name"
                                                   value="{{ $user->name ?? '' }}">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Phone</td>
                                        <td>
                                            <input type="number" class="form-control" name="phone" placeholder="Phone"
                                                   value="{{ $userDetails->phone ?? '' }}">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Licence</td>
                                        <td>
                                            <input type="text" class="form-control" name="license_number"
                                                   placeholder="Licence"
                                                   value="{{ $user->license_number ?? '' }}">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Company</td>
                                        <td>
                                            <input type="text" class="form-control" name="company"
                                                   placeholder="Company"
                                                   value="{{ $userDetails->company ?? '' }}">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Address</td>
                                        <td>
                                            <input type="text" class="form-control" name="address"
                                                   placeholder="Address"
                                                   value="{{ $userDetails->address ?? '' }}">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>City</td>
                                        <td>
                                            <input type="text" class="form-control" name="city"
                                                   placeholder="City"
                                                   value="{{ $userDetails->city ?? '' }}">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>State</td>
                                        <td>
                                            <input type="text" class="form-control" name="state"
                                                   placeholder="State"
                                                   value="{{ $userDetails->state ?? '' }}">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Country</td>
                                        <td>
                                            <input type="text" class="form-control" name="country"
                                                   placeholder="Country"
                                                   value="{{ $userDetails->country ?? '' }}">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Current Password</td>
                                        <td>
                                            <input type="password" class="form-control" name="current_password"
                                                   placeholder="Current Password">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>New Password</td>
                                        <td>
                                            <input type="password" class="form-control" name="new_password"
                                                   placeholder="New Password">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Confirm Password</td>
                                        <td>
                                            <input type="password" class="form-control" name="confirm_password"
                                                   placeholder="Confirm Password">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="2" class="text-center">
                                            <button type="submit" class="btn btn-black">Save</button>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('after-script')
    <script>
        $(function () {
            $(document).on('click', '#edit-toggle', function (e) {
                e.preventDefault()
                const showInfo = $('#show_info')
                const editInfo = $('#edit_info')
                if (editInfo.hasClass('d-none')) {
                    editInfo.removeClass('d-none')
                    showInfo.addClass('d-none')
                    $(this).text('Cancel')
                } else {
                    showInfo.removeClass('d-none')
                    editInfo.addClass('d-none')
                    $(this).text('Edit')
                }
            })
            @if($errors->any())
            $('#edit-toggle').trigger('click')
            @endif
        })
    </script>
@endpush