<?php $__env->startSection('content'); ?>
<style>
    .employee-profile-img {
        width: 150px;
        height: 150px;
        object-fit: cover;
        border-radius: 50%;
        border: 5px solid #fff;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
        display: block;
        margin: 0 auto;
    }
    .info-card {
        border-radius: 10px;
        box-shadow: 0 4px 20px 0 rgba(0,0,0,.05);
        margin-bottom: 20px;
        background: #fff;
        border: 1px solid #eee;
    }
    .info-card-header {
        border-bottom: 1px solid #eee;
        padding: 15px 20px;
        background: #f9f9f9;
        border-radius: 10px 10px 0 0;
    }
    .info-card-body {
        padding: 20px;
    }
    .info-label {
        font-weight: 600;
        color: #666;
        margin-bottom: 5px;
        font-size: 14px;
    }
    .info-value {
        font-size: 16px;
        margin-bottom: 15px;
        color: #333;
    }
    .section-title {
        font-size: 18px;
        margin: 20px 0;
        padding-bottom: 10px;
        border-bottom: 1px solid #eee;
        color: #5A8DEE;
    }
    .content-header {
        padding: 15px 0;
    }
    .breadcrumb {
        padding: 0;
        background: transparent;
        margin-bottom: 0;
    }
    .btn-primary {
        background-color: #5A8DEE;
        border-color: #5A8DEE;
    }
    .table {
        width: 100%;
    }
    .table th {
        background-color: #f9f9f9;
    }
    .text-center {
        text-align: center;
    }
    .text-muted {
        color: #6c757d !important;
    }
    .mt-2 {
        margin-top: 0.5rem;
    }
    .mb-3 {
        margin-bottom: 1rem;
    }
</style>

<div class="app-content content">
    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-6 col-12 mb-2">
                <h3 class="content-header-title mb-0">تفاصيل الموظف</h3>
                <div class="row breadcrumbs-top">
                    <div class="breadcrumb-wrapper col-12">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="<?php echo e(route('employees')); ?>">الموظفين</a></li>
                            <li class="breadcrumb-item active">تفاصيل الموظف</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>

        <div class="content-body">
            <section id="employee-profile">
                <div class="row">
                    <div class="col-md-4">
                        <div class="info-card">
                            <div class="info-card-header text-center">
                                <img src="<?php echo e(asset('employees_images/' . $employee->photo )); ?>"
                                     class="employee-profile-img"
                                 >
                                <h4 class="mt-2"><?php echo e($employee->name); ?></h4>
                                <p class="text-muted"><?php echo e($employee->position); ?></p>
                            </div>
                            <div class="info-card-body">
                                <div class="text-center mb-3">
                                    <a href="<?php echo e(route('employees.edit', $employee->id)); ?>" class="btn btn-primary">
                                        <i class="ft-edit"></i> تعديل البيانات
                                    </a>
                                </div>

                                <h6 class="section-title">معلومات الاتصال</h6>
                                <div class="mb-3">
                                    <div class="info-label">البريد الإلكتروني</div>
                                    <div class="info-value">
                                        <?php echo e($employee->email ?? 'غير محدد'); ?>

                                    </div>
                                </div>

                                <div class="mb-3">
                                    <div class="info-label">رقم الهاتف</div>
                                    <div class="info-value">
                                        <?php echo e($employee->phone ?? 'غير محدد'); ?>

                                    </div>
                                </div>

                                <div class="mb-3">
                                    <div class="info-label">كود البصمة</div>
                                    <div class="info-value">
                                        <?php echo e($employee->fingerprint_code); ?>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-8">
                        <div class="info-card">
                            <div class="info-card-header">
                                <h5>المعلومات الوظيفية</h5>
                            </div>
                            <div class="info-card-body">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <div class="info-label">القسم</div>
                                            <div class="info-value">
                                                <?php echo e($employee->department->name ?? 'غير محدد'); ?>

                                            </div>
                                        </div>

                                        <div class="mb-3">
                                            <div class="info-label">الفرع</div>
                                            <div class="info-value">
                                                <?php echo e($employee->branch->name ?? 'غير محدد'); ?>

                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <div class="info-label">الشيفت</div>
                                            <div class="info-value">
                                                <?php if($employee->shift): ?>
                                                    <?php echo e($employee->shift->name); ?>

                                                    (<?php echo e(date('H:i', strtotime($employee->shift->time_in))); ?> -
                                                    <?php echo e(date('H:i', strtotime($employee->shift->time_out))); ?>)
                                                <?php else: ?>
                                                    غير محدد
                                                <?php endif; ?>
                                            </div>
                                        </div>

                                        <div class="mb-3">
                                            <div class="info-label">تاريخ التعيين</div>
                                            <div class="info-value">
                                                <?php echo e($employee->created_at->format('Y-m-d')); ?>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-12">
                        <div class="info-card">
                            <div class="info-card-header">
                                <h5>الملاحظات</h5>
                            </div>
                            <div class="info-card-body">
                                <p><?php echo e($employee->note ?? 'لا توجد ملاحظات'); ?></p>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
</div>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('admin.layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\xampp\htdocs\icsc.industry.gov.iq\resources\views/admin/employees/details.blade.php ENDPATH**/ ?>