@extends('layouts.app')

@section('content')
    <div class="container-fluid">
        <div class="col-md-12">
            <div class="row">
                <div class="col-md-4">
                    <div class="card card-body">
                        <h4 class="card-title">{{ $user->name }}</h4>
                        <hr>
                        <p class="font-weight-bold mb-4">{{ __('Profile') }}</p>
                        <p class="border-bottom border-light">{{ __('Status: ') }} {{ $user->status === 1 ? 'Active' : 'Inactive' }}</p>
                        <p class="border-bottom border-light">{{ __('Email: ' . $user->email) }}</p>
                        <p class="border-bottom border-light">{{ __('Phone: ' . $user->profile->phone) }}</p>
                        <p class="border-bottom border-light">{{ __('Address: ' . $user->profile->address) }}</p>
                        <p class="border-bottom border-light">{{ __('Zip code: ' . $user->profile->zip) }}</p>
                        <p class="border-bottom border-light">{{ __('Country: ' . $user->profile->country) }}</p>
                        <p class="font-weight-bold mb-4">{{ __('Professional profile') }}</p>
                        <p class="border-bottom border-light">{{ __('Salary: ' . auth()->user()->currency . $user->profile->salary) }}</p>
                        <p class="border-bottom border-light">{{ __('role: ' . $user->roles->first()->name) }}</p>

                    </div>
                </div>

                <div class="col-md-8">
                    <div class="card card-body">
                        <h5 class="card-title">{{ __('Salary history') }}</h5>
                        <hr>
                        <div class="table-responsive">
                            <table class="table table-striped table-borderless" id="datatable3">
                                <thead>
                                <tr>
                                    <th>{{ __('Amount') }}</th>
                                    <th>{{ __('From') }}</th>
                                    <th>{{ __('To') }}</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($user->salaries as $salary)
                                    <tr>
                                        <td>{{ auth()->user()->currency . $salary->amount }}</td>
                                        <td>{{ $salary->start }}</td>
                                        <td>{{ $salary->end }}</td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script>
        $("#datatable3").DataTable({
            "lengthMenu": [[20, 50, 100, -1], [20, 50, 100, "All"]]
        });
    </script>
@endsection