{{-- Extends layout --}}
@extends(getThemeBasePath())

@section('page_title')
    {{ $page_title ?? '' }}
@endsection
<style>
    #kt_datatable_zero_configuration th:first-child,
    #kt_datatable_zero_configuration td:first-child {
        width: 80px !important;   /* apni marzi se 40–70px rakh sakta hai */
        text-align: center;
        white-space: nowrap;
    }
</style>

{{-- Content --}}
@section('content')

@include('backend.hr.support_center.header')

<!--begin::Categories Listing-->
<div class="card mb-2">
    <div class="card-body p-10 p-lg-15">
        {{-- <h1 class="fw-bolder text-dark mb-12 ps-0">Documentation Categories</h1> --}}

        <div class="row">
            <!--begin::Single Unified Accordion Layout-->
            {{-- <div class="card card-md-stretch shadow-sm border-0">
                <div class="card-body p-10 p-lg-15"> --}}
                    <div class="table-responsive">
                        <table class="table table-bordered table-hover" id="kt_datatable_zero_configuration">
                            <thead class="table-dark">
                                <tr>
                                    <th>Version</th>
                                    <th>Title</th>
                                    <th>Type</th>
                                    <th>Critical/Important Update</th>
                                    <th>Has Breaking Changes</th>
                                    <th>Requires Action</th>
                                    <th>Published On</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if (!empty($release_list))
                                    @foreach ($release_list as $release)
                                        <tr class="{{ isset($release['is_mark_as_read']) && $release['is_mark_as_read'] = 1 ? 'bg-secondary' : ''}}">
                                            <td>{{ $release['release_version']??''}}</td>
                                            <td>{{ $release['title']??''}}</td>
                                            <td>{{ $release['type']??''}}</td>
                                            <td> 
                                                @if (isset($release['important_update']) && $release['important_update'] == "Yes")  
                                                <span class="h1" title="critical / important update">
                                                {!! theme()->getSvgIcon('icons/duotune/general/gen043.svg', 'svg-icon-success svg-icon-1') !!}
                                                @endif
                                                </span>
                                            </td>
                                            <td> 
                                                @if (isset($release['has_breaking_changes']) && $release['has_breaking_changes'] == "Yes") 
                                                <span title="breaking or incompatible changes" class="h1">
                                                {!! theme()->getSvgIcon('icons/duotune/general/gen043.svg', 'svg-icon-success svg-icon-1') !!} 
                                                @endif
                                                </span>
                                            </td>
                                            <td> 
                                                @if (isset($release['requires_action']) && $release['requires_action'] == "Yes")
                                                <span title="Requires Action" class="h1">
                                                {!! theme()->getSvgIcon('icons/duotune/general/gen043.svg', 'svg-icon-success svg-icon-1') !!}
                                                @endif
                                                </span>
                                            </td>
                                            <td>{{ $release['publish_date']??''}}</td>
                                            <td><a href="{{ route('support_center.index', ['releases' => true,'release_id' => $release['release_id']]) }}" class="btn btn-sm btn-primary">View</a></td>
                                        </tr>  
                                    @endforeach
                                @endif
                            </tbody>
                        </table>
                    </div>
                {{-- </div>
            </div> --}}
            <!--end::Single Unified Accordion Layout-->
        </div>
    </div>
</div>
<!--end::Categories Listing-->
@endsection
@section('scripts')
<script>
    $(document).ready(function(){
        $("#kt_datatable_zero_configuration").DataTable({
            'order':[0,'desc'],
            "drawCallback": function(settings) {
                $('.table-responsive').addClass('ps-5 pe-5');
            }
        });
    });
</script>
@endsection