@extends('layout.master')

@push('plugin-styles')
<link href="{{ asset('assets/plugins/sweetalert2/sweetalert2.min.css') }}" rel="stylesheet" />
@endpush

@section('content')
<nav class="page-breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="#">Crane System</a></li>
        <li class="breadcrumb-item active" aria-current="page">View Secondary System Detail</li>
    </ol>
</nav>

<div class="row">
    <div class="col-md-12 grid-margin">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title mb-4">Secondary System Detail</h4>
                @if(isset($partDetail))
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb bg-light p-2 rounded">
                            <li class="breadcrumb-item">
                                <a href=""> {{ $partDetail->componentPart->equipmentComponent->equipment->name ?? 'Unknown Equipment' }}</a> </li>
                            <li class="breadcrumb-item">
                                {{ $partDetail->componentPart->equipmentComponent->name ?? 'Unknown Component' }}
                            </li>
                            <li class="breadcrumb-item">
                                {{ $partDetail->componentPart->name ?? 'Unknown Sub-Component' }}
                            </li>
                            <li class="breadcrumb-item active" aria-current="page">{{ $partDetail->name }}</li>
                        </ol>
                    </nav>
                @endif

                <div class="form-control">
                    <div class="row p-2">
                        <div class="col-sm-6">
                            <label for="component_part_name" class="form-label fw-bold">Belongs to Sub-Primary:</label>
                            <input type="text" class="form-control" id="component_part_name" value="{{ $partDetail->componentPart->name ?? 'N/A' }}" readonly>
                        </div>
                        <div class="col-sm-6">
                            <label for="part_name" class="form-label fw-bold">Secondary System Name:</label>
                            <input type="text" class="form-control" id="part_name" value="{{ $partDetail->name }}" readonly>
                        </div>
                    </div>
                    <div class="row p-2">
                        <div class="col-sm-12">
                            <label for="description" class="form-label fw-bold">Description:</label>
                            <textarea class="form-control" id="description" rows="3" readonly>{{ $partDetail->description ?? 'No description available' }}</textarea>
                        </div>
                    </div>
                </div>
                <br>
                <a href="{{ route('crane.equipment.index') }}" class="btn btn-primary btn-sm" role="button" aria-pressed="true" title="Back">
                    <i data-feather="arrow-left"></i> Back
                </a>
            </div>
        </div>
    </div>
</div>

@endsection

@push('plugin-scripts')
<script src="{{ asset('assets/plugins/sweetalert2/sweetalert2.min.js') }}"></script>
@endpush

@push('custom-scripts')
<script type="text/javascript" src="{{ asset('js/createCraneManagementJs.js') }}"></script>
@endpush