@extends('adminlte::page')

@section('content')
    <div class="col-md-12">
        <div class="card">
            <div class="card-header bg-color">
                <span class="" style="vertical-align: middle">
                    <i class="fa-solid fa-filter fa-fw"></i> WIP Jobs Selection
                </span>
            </div>

            <div class="card-body">
                <form action="{{ route('wipjobsselectionPrint') }}" method="post">
                    @csrf
                    @method('PUT')

                    <table class="table table-hover table-sm mb-3 table-font-small">
                        <thead>
                            <tr>
                                <th class="text-center" style="vertical-align: middle">#</th>
                                <th class="text-center" style="vertical-align: middle">
                                    {{-- <input title="Select all" value="all" type="checkbox"> --}}
                                    Sel.
                                </th>
                                <th class="text-center" style="vertical-align: middle">Vessel/Customer</th>
                                <th class="text-center" style="vertical-align: middle">Job</th>
                                <th class="text-center" style="vertical-align: middle">Rep</th>
                                <th class="text-center" style="vertical-align: middle">Due Date</th>
                                <th class="text-center" style="vertical-align: middle">Dept</th>
                                <th class="text-center" style="vertical-align: middle">Internal Description</th>
                                <th class="text-center" style="vertical-align: middle">Notes</th>
                                <th class="text-center" style="vertical-align: middle">Tot. Hrs.</th>
                            </tr>
                        </thead>

                        <tbody>
                            @php
                                $i = 0;
                            @endphp

                            @forelse ($jobs as $job)
                                @php
                                    $i++;
                                @endphp

                                <tr>
                                    <td class="text-center" style="vertical-align: middle">{{ $i }}</td>
                                    <td class="text-center pt-1" style="vertical-align: middle">
                                        <input name="checkList[]" value="{{ $job->id }}" type="checkbox">
                                    </td>
                                    <td class="" style="vertical-align: middle">{{ $job->Customer_PO }}</td>
                                    <td class="text-center" style="vertical-align: middle">{{ $job->Job }}</td>
                                    <td class="" style="vertical-align: middle">{{ $job->Sales_Rep }}</td>
                                    <td class="text-center" style="vertical-align: middle">{{ date('m-d-Y', strtotime($job->Due_Date)) }}</td>
                                    <td class="text-center" style="vertical-align: middle">{{ $job->Rev }}</td>
                                    <td width="50%" class="" style="vertical-align: middle">{{ $job->Ext_Description }}</td>
                                    <td class="" style="vertical-align: middle">{{ $job->Notes }}</td>
                                    <td class="text-right" style="vertical-align: middle">
                                        {{ number_format($job->Act_Total_Hrs, 2) }}
                                    </td>
                                </tr>
                            @empty
                                <td colspan="16" class="">No data</td>
                            @endforelse
                        </tbody>
                    </table>

                    <hr class="pt-2 pb-1" />

                    <div class="float-right">
                        <a href="{{ route('wipjobsselectionfilter') }}" class="btn btn-danger">
                            <i class="fas fa-times fa-fw"></i> Cancel
                        </a>

                        <button
                            type="submit"
                            class="btn btn-sl">
                            <i class="fa-solid fa-filter fa-fw"></i> Report Selection
                        </button>
                    </div>
                </form>
                <br>
                <br>
                <br>
            </div>
        </div>
        <br>
    </div>
@endsection