@extends('tenant.layouts.master')

@section('style')
    <link rel="stylesheet" href="{{ asset('css/employees/edit.css') }}">
@endsection

@section('breadcrumb')
    @include('tenant.layouts.breadcrumb', [
        'items' => [
            __('breadcrumb.general_settings') => route('tenant.settings.general.show-page', ['type' => 'company-information']),
            __('breadcrumb.users') => route('tenant.settings.general.employees.index'),
            __('breadcrumb.edit_account') => '#',
        ],
    ])
@endsection

@section('sidebar')
    @include('tenant.layouts.sidebar', ['activeItem' => 'settings.general.employees'])
@endsection

@section('content')
    <section class="position-relative">
        <div class="py-2 d-flex align-items-end">
            <h4>@lang('settings/general/employees/show.employee_informations')</h4>
            <a href="{{ route('tenant.settings.general.employees.edit', ['employee' => $employee->id]) }}"
                class="backward-to-button text-decoration-none mx-1 d-flex align-items-center Edit-btn" title="{{__('general.edit')}}">
                @lang('settings/general/employees/show.edit')<i class="fas fa-edit"></i></a>
        </div>

        <div class="row">
            <div class="col-md-7">
                <div class="rounded-3" style="border: 1px solid #e7e7e7;">
                    <h5 class="w-auto rounded-3 px-2 py-2" style="background: #EBEBEC;"> @lang('settings/general/employees/show.details')
                        {{ $employee->user_name }}
                    </h5>
                    <table class="table table-hover without-herotable mb-0">
                        <tr>
                            <th> @lang('settings/general/employees/show.account_name')</th>
                            <td> {{ $employee->user_name }} </td>
                        </tr>
                        <tr>
                            <th> @lang('settings/general/employees/show.user_name')</th>
                            <td> {{ $employee->full_name }} </td>
                        </tr>
                        <tr>
                            <th>@lang('settings/general/employees/show.email') </th>
                            <td> {{ $employee->email }} </td>
                        </tr>

                    </table>
                </div>
            </div>
            <div class="col-md-5">
                <div class="rounded-3" style="border: 1px solid #e7e7e7;">
                    <h5 class="w-auto rounded-3 px-2 py-2" style="background: #EBEBEC;"> @lang('settings/general/employees/show.dates') </h5>
                    <table class="table table-hover without-herotable mb-0">
                        <tr>
                            <th> @lang('settings/general/employees/show.account_creation_date')</th>
                            <td>
                                {{ $employee->created_at->format('Y-m-d') }}
                                <br>
                                {{ $employee->created_at->format('H:i:s A') }}
                            </td>
                        </tr>
                        <tr>
                            <th> @lang('settings/general/employees/show.last_account_modification_date') </th>
                            <td>
                                {{ $employee->updated_at->format('Y-m-d') }}
                                <br>
                                {{ $employee->updated_at->format('H:i:s A') }}
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
    </section>
@endsection