@extends(adminLayout())
@section('content')
<div class="container-fluid">
    <!-- Information card -->
    <div class="card mb-4">
        <div class="card-header">
            <h4>User Details</h4>
        </div>
        <div class="card-body">
            <div class="row mb-3">
                <div class="col-md-6">
                    <!-- Name row -->
                    <div class="row mb-2">
                        <div class="col-md-4 font-weight-bold">{{ __lang('name') }}</div>
                        <div class="col-md-8">{{ htmlentities($row->name) }} {{ htmlentities($row->last_name) }}</div>
                    </div>
                    <!-- Custom forms -->
                    @php foreach($custom as $customRow): @endphp
                    <div class="row mb-2">
                        <div class="col-md-4 font-weight-bold">{{ htmlentities($customRow->name) }}</div>
                        <div class="col-md-8">{{ htmlentities($customRow->type == 'checkbox' ? boolToString($customRow->value) : $customRow->value) }}</div>
                    </div>
                    @endforeach
                    <!-- Email -->
                    <div class="row mb-2">
                        <div class="col-md-4 font-weight-bold">{{ __lang('email') }}</div>
                        <div class="col-md-8">{{ htmlentities($row->email) }}</div>
                    </div>
                    <!-- Telephone -->
                    <div class="row mb-2">
                        <div class="col-md-4 font-weight-bold">{{ __lang('telephone-number') }}</div>
                        <div class="col-md-8">{{ htmlentities($row->mobile_number ? $row->mobile_number : '-') }}</div>
                    </div>
                    <!-- Status -->
                    <div class="row mb-2">
                        <div class="col-md-4 font-weight-bold">{{ __lang('status') }}</div>
                        <div class="col-md-8">{{ htmlentities((empty($row->enabled)) ? 'Inactive' : 'Active') }}</div>
                    </div>
                </div>
                <!-- Image on the right -->
                <div class="col-md-6">
                    @php
                        if (!empty($row->picture) && isUrl($row->picture)) {
                            echo '<img src="'.$row->picture.'" class="img-fluid" alt="" />';
                        } elseif (!empty($row->picture) && isImage($row->picture)) {
                            echo '<img src="'.resizeImage($row->picture, 200, 200, basePath()).'" class="img-fluid" alt="" />';
                        }
                    @endphp
                </div>
            </div>
        </div>
    </div>
    <!-- Enrollment card -->
    <div class="card">
        <div class="card-header">
            <h4>Acara yang diikuti</h4>
        </div>
        <div class="card-body">
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th>Acara</th>
                        <th>{{ __lang('enrolled-on') }}</th>
                    </tr>
                </thead>
                <tbody>
                    @php foreach(\App\Student::find($id)->studentCourses()->whereHas('course')->get() as $session): @endphp
                    <tr>
                        <td>{{ $session->course->name }}</td>
                        <td>{{ showDate('d-M-Y', $session->created_at) }}</td>
                    </tr>
                    @php endforeach; @endphp
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection