@extends('layout')

@section('content')
<div class="page-wrapper">
    <div class="content">
        <div class="page-header">
            <div class="page-title">
                <h4>Core Status Report</h4>
                <h6>Manage Core Status and Relations</h6>
            </div>
        </div>

        <div class="card">
            <div class="card-body">
                <div class="table-top">
                    <div class="search-set">
                        <div class="search-path">
                            <a class="btn btn-filter" id="filter_search">
                                <img src="assets/img/icons/filter.svg" alt="img">
                                <span><img src="assets/img/icons/closes.svg" alt="img"></span>
                            </a>
                        </div>
                        <div class="search-input">
                            <a class="btn btn-searchset"><img src="assets/img/icons/search-white.svg" alt="img"></a>
                        </div>
                    </div>
                    <div class="wordset">
                        <ul>
                            <li>
                                <a data-bs-toggle="tooltip" data-bs-placement="top" title="pdf"><img src="assets/img/icons/pdf.svg" alt="img"></a>
                            </li>
                            <li>
                                <a data-bs-toggle="tooltip" data-bs-placement="top" title="excel"><img src="assets/img/icons/excel.svg" alt="img"></a>
                            </li>
                            <li>
                                <a data-bs-toggle="tooltip" data-bs-placement="top" title="print"><img src="assets/img/icons/printer.svg" alt="img"></a>
                            </li>
                        </ul>
                    </div>
                </div>

                <div class="table-responsive">
                    <table class="table datanew">
                        <thead>
                            <tr>
                                <th>
                                    <label class="checkboxs">
                                        <input type="checkbox" id="select-all">
                                        <span class="checkmarks"></span>
                                    </label>
                                </th>
                                {{-- <th>Core ID</th> --}}
                                <th>Title</th>
                                <th>Region Metro Ring</th>
                                <th>Q Round</th>
                                <th>Operator</th>
                                <th>Date</th>

                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                           @foreach ($cores as $core)
    @foreach ($core->fiberDetails as $fiberDetail)
        <tr>
            <td>
                <label class="checkboxs">
                    <input type="checkbox">
                    <span class="checkmarks"></span>
                </label>
            </td>
            {{-- <td>{{ $fiberDetail->Fiber_ID }}</td> --}}
            <td>{{ $core->testDetails->Title}}</td>
            <td>{{ $core->location->Region_Metro_Ring }}</td>
            <td>{{ $core->testDetails->Q_Round  }}</td>
            <td>{{ $core->operator->Operator_Name }}</td>
            <td>{{ $core->testDetails->Test_Date}}</td>
            <td>
                <a href="{{ route('core-status-show', $fiberDetail->Fiber_ID) }}" class="btn btn-sm btn-primary"><i class="fa fa-eye"></i></a>
                <a href="#" class="btn btn-sm btn-danger"><i class="fa fa-trash"></i></a>
            </td>
        </tr>
    @endforeach
@endforeach

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection