@extends('layouts.app')

@section('content')
<div class="container py-4">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h3 class="fw-bold text-primary">Master Trainer Details</h3>
        <a href="{{ route('master_trainers.index') }}" class="btn btn-outline-secondary">
            <i class="bi bi-arrow-left"></i> Back
        </a>
    </div>

    <div class="card shadow-sm border-0">
        <div class="card-body">
            <h5 class="card-title mb-4 text-success"><i class="bi bi-person-badge"></i> {{ $user->name }}</h5>

            <div class="row mb-3">
                <div class="col-md-4 text-muted">ID Number</div>
                <div class="col-md-8 fw-bold">{{ $user->id_number }}</div>
            </div>

            <div class="row mb-3">
                <div class="col-md-4 text-muted">Email</div>
                <div class="col-md-8 fw-bold">{{ $user->email }}</div>
            </div>

            <div class="row mb-3">
                <div class="col-md-4 text-muted">Phone</div>
                <div class="col-md-8 fw-bold">{{ $user->phone }}</div>
            </div>

            <div class="row mb-3">
                <div class="col-md-4 text-muted">Assigned Center</div>
                <div class="col-md-8 fw-bold">{{ $user->center?->name ?? '-' }}</div>
            </div>

            <div class="row mb-3">
                <div class="col-md-4 text-muted">Role</div>
                <div class="col-md-8 fw-bold">{{ ucfirst($user->role) }}</div>
            </div>

            <div class="row mb-3">
                <div class="col-md-4 text-muted">Created At</div>
                <div class="col-md-8 fw-bold">{{ $user->created_at->format('d M Y H:i') }}</div>
            </div>

            <div class="row mb-3">
                <div class="col-md-4 text-muted">Updated At</div>
                <div class="col-md-8 fw-bold">{{ $user->updated_at->format('d M Y H:i') }}</div>
            </div>

            <div class="mt-4">
                <a href="{{ route('master_trainers.edit', $user->id) }}" class="btn btn-primary">
                    <i class="bi bi-pencil-square"></i> Edit
                </a>
                <form action="{{ route('master_trainers.destroy', $user->id) }}" method="POST" class="d-inline-block" onsubmit="return confirm('Are you sure?')">
                    @csrf
                    @method('DELETE')
                    <button class="btn btn-danger"><i class="bi bi-trash"></i> Delete</button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection