@extends('admin_dashboard')
@section('admin')

<div class="content">
    <div class="container-fluid">
        <div class="page-title-box">
            <h4 class="page-title">Wings List (Land)</h4>
            @if(session('success'))
                <div class="alert alert-success">{{ session('success') }}</div>
            @endif
            @if($errors->any())
                <div class="alert alert-danger">{{ $errors->first() }}</div>
            @endif
        </div>

        <div class="row">
            <div class="col-12">
                <div class="card shadow-sm">
                    <div class="card-body">
                        <h5 class="mb-3">All Wings Records (Grouped by Wings No)</h5>
                        <table id="grouped-wings-datatable" class="table table-bordered align-middle w-100">
                            <thead class="table-light">
                                <tr>
                                    <th>#</th>
                                    <th>Wings No</th>
                                    <th>Record Type</th>
                                    <th>File Preview</th>
                                    <th>File Action</th>
                                    <th>Notes</th>
                                    <th>Group</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($wings as $w)
                                    <tr>
                                        <td>{{ $w->id }}</td>
                                        <td>
                                            @if($w->file_path)
                                                <a href="{{ asset('storage/'.$w->file_path) }}" target="_blank" class="text-primary">{{ $w->wings_no }}</a>
                                            @else
                                                {{ $w->wings_no }}
                                            @endif
                                        </td>
                                        <td>{{ $w->record_type }}</td>
                                        <td>
                                            @if($w->file_path)
                                                @php
                                                    $extension = pathinfo($w->file_path, PATHINFO_EXTENSION);
                                                @endphp
                                                @if(in_array(strtolower($extension), ['jpg', 'jpeg', 'png', 'gif', 'webp']))
                                                    <img src="{{ asset('storage/'.$w->file_path) }}" alt="Preview" style="width: 80px; height: 80px; object-fit: cover; border: 1px solid #ddd; padding: 2px;">
                                                @elseif(strtolower($extension) == 'pdf')
                                                    <a href="{{ asset('storage/'.$w->file_path) }}" target="_blank">
                                                        <i class="fas fa-file-pdf text-danger" style="font-size: 40px;"></i>
                                                    </a>
                                                @else
                                                    <span class="badge bg-secondary">{{ $extension }}</span>
                                                @endif
                                            @endif
                                        </td>
                                        <td>
                                            @if($w->file_path)
                                                <a href="{{ asset('storage/'.$w->file_path) }}" target="_blank" class="btn btn-sm btn-outline-secondary">Open</a>
                                                <a href="{{ asset('storage/'.$w->file_path) }}" download="{{ basename($w->file_path) }}" class="btn btn-sm btn-outline-primary ms-1">Download</a>
                                            @endif
                                        </td>
                                        <td>{{ $w->notes }}</td>
                                        <td>{{ $w->wings_no }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
    $(document).ready(function() {
        var table = $('#grouped-wings-datatable').DataTable({
            "order": [[ 6, 'asc' ]],
            "displayLength": 25,
            "columnDefs": [
                { "visible": false, "targets": 6 }
            ],
            "drawCallback": function ( settings ) {
                var api = this.api();
                var rows = api.rows( {page:'current'} ).nodes();
                var last = null;
    
                api.column(6, {page:'current'} ).data().each( function ( group, i ) {
                    if ( last !== group ) {
                        $(rows).eq( i ).before(
                            '<tr class="group table-secondary"><td colspan="6"><strong>Wings No: '+group+'</strong></td></tr>'
                        );
    
                        last = group;
                    }
                } );
            }
        });
    });
</script>
@endpush