@extends('layouts.cork')
@section('title', $title)

@section('breadcrumb')
<div class="page-meta">
    <nav class="breadcrumb-style-one" aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Home</a></li>
            <li class="breadcrumb-item"><a href="{{ route('equipment.index') }}">Equipment</a></li>
            <li class="breadcrumb-item active" aria-current="page">{{ $title }}</li>
        </ol>
    </nav>
</div>
@endsection

@section('content')
<div class="row">
    <div class="col-12 text-end mb-4">
        <a href="{{ route('equipment.index') }}" class="btn btn-secondary">Back to Equipment</a>
    </div>
</div>

<div class="row">
    <div class="col-lg-8 col-12 mx-auto">
        <div class="statbox widget box box-shadow">
            <div class="widget-header">
                <div class="row">
                    <div class="col-xl-12 col-md-12 col-sm-12 col-12">
                        <h4 class="text-danger">
                            <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512" class="me-2">
                                <path d="M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.5 7.3 27.7 0 40.2S485.3 480 472 480H40c-13.3 0-25.4-7.5-31.5-19.5s-6.2-27.7 0-40.2l216-368C231.7 39.5 244.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"/>
                            </svg>
                            Confirm Equipment Deletion
                        </h4>
                    </div>
                </div>
            </div>
            <div class="widget-content widget-content-area p-4">
                <div class="alert alert-danger" role="alert">
                    <h5 class="alert-heading">Warning!</h5>
                    <p>You are about to permanently delete this equipment. This action cannot be undone.</p>
                    <hr>
                    <p class="mb-0">Please review the equipment details below before confirming deletion.</p>
                </div>

                <div class="row mb-4">
                    <div class="col-sm-6">
                        <h6 class="text-muted">Equipment Name</h6>
                        <p class="h5">{{ $equipment->name }}</p>
                    </div>
                    <div class="col-sm-6">
                        <h6 class="text-muted">Asset Tag</h6>
                        <p class="h5">{{ $equipment->asset_tag }}</p>
                    </div>
                </div>

                <div class="row mb-4">
                    <div class="col-sm-6">
                        <h6 class="text-muted">Serial Number</h6>
                        <p>{{ $equipment->serial_num }}</p>
                    </div>
                    <div class="col-sm-6">
                        <h6 class="text-muted">Department</h6>
                        <p>{{ $equipment->department->name ?? 'N/A' }}</p>
                    </div>
                </div>

                @if($equipment->model)
                <div class="row mb-4">
                    <div class="col-sm-6">
                        <h6 class="text-muted">Model</h6>
                        <p>{{ $equipment->model }}</p>
                    </div>
                    <div class="col-sm-6">
                        <h6 class="text-muted">Purchase Date</h6>
                        <p>{{ $equipment->purchase_date?->format('M d, Y') ?? 'N/A' }}</p>
                    </div>
                </div>
                @endif

                @if($equipment->equipmentCheckOuts()->count() > 0)
                <div class="alert alert-warning" role="alert">
                    <h6 class="alert-heading">Checkout History Found</h6>
                    <p>This equipment has <strong>{{ $equipment->equipmentCheckOuts()->count() }}</strong> checkout record(s). Deleting equipment with checkout history is not recommended for audit purposes.</p>
                    <p class="mb-0">Consider archiving this equipment instead of deleting it.</p>
                </div>
                @endif

                <div class="row">
                    <div class="col-sm-12">
                        <div class="d-flex gap-3">
                            <form method="POST" action="{{ route('equipment.destroy', $equipment->id) }}" class="d-inline">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-danger" onclick="return confirm('Are you absolutely sure you want to delete this equipment? This action cannot be undone.')">
                                    <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512" class="me-1">
                                        <path d="M135.2 17.7C140.6 6.8 151.7 0 163.8 0H284.2c12.1 0 23.2 6.8 28.6 17.7L320 32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 96 0 81.7 0 64S14.3 32 32 32h96l7.2-14.3zM32 128H416V448c0 35.3-28.7 64-64 64H96c-35.3 0-64-28.7-64-64V128zm96 64c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16z"/>
                                    </svg>
                                    Yes, Delete Equipment
                                </button>
                            </form>
                            <a href="{{ route('equipment.index') }}" class="btn btn-secondary">
                                <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512" class="me-1">
                                    <path d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"/>
                                </svg>
                                Cancel
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection