@extends('layouts.master', [
    'title' => __('app.user_management') . ' - ' . __('app.detail'),
    'icon_back' => true,
    'url' => 'javascript:history.back()',
])
@push('meta')
    <meta name="csrf-token" content="{{ csrf_token() }}">
@endpush

@push('styles')
    <style>
        table {
            border-spacing: 0 20px;
            border-collapse: separate;
        }

        .profile-avatar.bg-logo-transparent {
            display: flex;
            justify-content: center;
            align-items: center;
            background-image: url('../../assets/img/logos/logo-background-transparent.svg');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            height: 200px;
            width: 200px;
            border-radius: 50%;
        }

        .table.is-datatable th {
            width: auto;
            text-align: left;
        }

        .table.is-datatable th:first-child {
            width: 90% !important;
        }

        .table.is-datatable th:last-child {
            width: 10% !important;
        }

        .h-avatar.is-large {
            height: 100px !important;
            width: 100px !important;
            margin-top: 15px !important;
        }

        .h-avatar.is-large .avatar.is-fake {
            width: 100px !important;
            min-width: 100px !important;
            height: 100px !important;
        }
    </style>
@endpush
@section('content')
    <div class="page-content-inner">
        <div class="columns is-multiline">
            <div class="column is-5">
                <div class="card-profile-1">
                    @if ($user->pas_photo)
                        <img src="{{ Util::linkFile('pas-photo', $user->pas_photo) }}"  class="img-profile">
                    @else
                        {!! generate_avatar($user->name) !!}
                    @endif
                    <div class="txtprofile1 mbts">{{ $user->name }}</div>
                    <div class="txtprofile2">{{ $user->company }}</div>
                    <div class="txtprofile2">
                        Last Active on {{ $user->last_login ? date('d M, Y H:i', strtotime($user->last_login)) : '-' }}
                    </div>
                    <div class="column is-12" style="margin-top:10px;">
                        <div class="columns is-multiline">
                             @if (Auth::user()->hasRole(['super_admin', 'contract_user']) || Auth::id() === $user->id)
                            <div class="column" style="padding-left: 2px; padding-right: 2px;">
                                <a href="{{ route('user.edit', ['id' => encrypt($user->id)]) }}" class="button-profile">
                                    @lang('app.edit_profile')
                                </a>
                            </div>
                            @endif
                            <div class="column" style="padding-left: 2px; padding-right: 2px;">
                                <a href="{{ route('password.index') }}" class="button-profile">
                                    Change Password
                                </a>
                            </div>
                            @if (Auth::user()->hasRole(['super_admin']))
                            <div class="column" style="padding-left: 2px; padding-right: 2px;">
                                <a href="{{ route('password.reset-password', ['id' => request()->route('id')]) }}" class="button-profile">
                                    Reset Password
                                </a>
                            </div>
                            @endif
                        </div>
                    </div>
                </div>
                <div class="card-profile-1">
                    <table width="100%">
                        <tr>
                            <td width="50%">
                                <div class="profil-txt1">
                                    @lang('app.email')
                                </div>
                            </td>
                            <td>
                                <div class="profil-txt2">
                                    {{ $user->email == null ? '-' : $user->email }}
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td width="50%">
                                <div class="profil-txt1">
                                    @lang('app.user_role')
                                </div>
                            </td>
                            <td>
                                <div class="profil-txt2">
                                    @foreach ($user->roles as $role)
                                        {{ ucwords(str_replace('_', ' ', $role->name)) }}
                                    @endforeach
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td width="50%">
                                <div class="profil-txt1">@lang('app.nationality')</div>
                            </td>
                            <td>
                               <div class="profil-txt2"> {{ $user->nationality }}</div>
                            </td>
                        </tr>
                        @unless (auth()->user()->hasRole(['admin_contractor']))
                            <tr>
                                <td width="50%">
                                    <div class="profil-txt1">@lang('app.username')</div>
                                </td>
                                <td>
                                    <div class="profil-txt2">{{ $user->username ?? '-' }}</div>
                                </td>
                            </tr>
                            <tr>
                                <td width="50%">
                                    <div class="profil-txt1">@lang('app.address')</div>
                                </td>
                                <td>
                                    <div class="profil-txt2">{{ $user->address ? ucwords($user->address) : '-' }}</div>
                                </td>
                            </tr>
                        @endunless
                    </table>
                </div>
            </div>
            <div class="column is-7">
                @if($user->hasRole(["admin_contractor"]))
                <div class="personal-dashboard personal-dashboard-v1 m-t-20">
                    <div class="dashboard-header" style="margin-left: -12px">
                        <div class="start">
                            <div class="fs-16 fw-700 mt-2">@lang('user_detail.admin_contractor.contracts.title')</div>
                            <div class="fs-14 fw-500 mt-2 text-grey">@lang('user_detail.admin_contractor.contracts.subtitle')</div>
                        </div>
                    </div>
                </div>
                <div class="flex-table-wrapper">
                    <table id="table_group_users" class="table is-datatable is-hoverable table-is-bordered" style="border-collapse: collapse; border-spacing: 0 0; width: 100%;">
                        <thead>
                            <tr>
                                <th style="width: auto !important">Contract Number</th>
                                <th>Contract Period</th>
                                <th>Contract User</th>
                                <th style="width: auto !important">Department</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($contracts as $contract)
                            <tr>
                                <td>{{ $contract->number ?? '-' }}</td>
                                <td>{{ $contract->contract_period ?? '-' }}</td>
                                <td>{{ $contract->contract_user_name ?? '-' }}</td>
                                <td>{{ $contract->contract_user_dept ?? '-' }}</td>
                            </tr>
                            @empty
                            <tr>
                                <td colspan="4" class="text-center">No contracts found</td>
                            </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
                @endif


                @if($user->hasRole(["contract_user"]))
                <div class="personal-dashboard personal-dashboard-v1 m-t-20">
                    <div class="dashboard-header" style="margin-left: -12px">
                        <div class="start">
                            <div class="fs-16 fw-700 mt-2">@lang('user_detail.contract_user.contracts.title')</div>
                            <div class="fs-14 fw-500 mt-2 text-grey">@lang('user_detail.contract_user.contracts.subtitle')</div>
                        </div>
                    </div>
                </div>
                <div class="flex-table-wrapper">
                    <table id="table_group_users" class="table is-datatable is-hoverable table-is-bordered" style="border-collapse: collapse; border-spacing: 0 0; width:100%">
                        <thead>
                            <tr>
                                <th style="width: auto !important">Contract Number</th>
                                <th>Contract Name</th>
                                <th>Contract Period</th>
                                <th style="width: auto !important">Assigned Company</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($contracts as $contract)
                            <tr>
                                <td>{{ $contract->number ?? '-' }}</td>
                                <td>{{ $contract->name ?? '-' }}</td>
                                <td>{{ $contract->contract_period ?? '-' }}</td>
                                <td>{{ $contract->admin_contractor_company ?? "-"}}</td>
                            </tr>
                            @empty
                            <tr>
                                <td colspan="4" class="text-center">No contracts found</td>
                            </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
                @endif


            </div>
        </div>
    </div>
    @if (Auth::user()->hasRole(['super_admin', 'contract_user']))
        @include('components.modal.modal-add-to-group', [
            'groups' => $groups,
            'user_name' => $user,
        ])
    @endif

    @include('components.modal.modal-alert-delete')
    @if (Auth::user()->hasRole(['super_admin', 'contract_user']))
        @include('components.modal.modal-add-contract-user', ['user' => $user, 'unique_id' => $unique_id])
    @endif

@endsection
@push('scripts')
    <script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.5/dist/jquery.validate.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <link rel="stylesheet" href="{{ auto_asset('assets/css/select2/select2.min.css') }}">
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
    <script>
        const urlAddToGroup = '{{ route('group.add-to-group') }}'
        const urlUserByGroup = '{{ route('user.get-user-by-group') }}'
        const urlUpdateContractUser = '{{ route('user.update-contract') }}'
        const urlValidationNumber = '{{ route('user.validation-contract-number') }}'
        const urlFormContract = '{{ route('user.form-contract') }}'
    </script>
    <script src="{{ asset('assets/js/user/detail.js') }}"></script>
    @if (Session::has('success'))
        <script>
            showNotification('primary', 'Success', '{{ Session::get('success') }}', null);
        </script>
    @endif
@endpush