@php $hr = date("H"); $min = date("i") @endphp
<form id="ptsForm" class="form-inline" action="">

    <table class="table_pts" style="width: 90%;">
        <tr>
            <td class="text-right">JETWAY/STEPS</td>
            <td style="width: 70px;">
                {!! Form::select("jetway_steps", ["" => "", "J" => "J", "S" => "S"], null, ["class" => "form-control "]) !!}
            </td>

            <td class="text-right">JETWAY ON</td>
            <td style="width: 70px;">
                <div class="form-group position-relative">
                    <input name="jetway_on" type="text" class="form-control timepicker" data-timepicki-tim="{{ $hr }}" data-timepicki-mini="{{ $min }}">
                    <span class="form-clear d-none">
                        <i class="glyphicon glyphicon-remove"></i>
                    </span>
                </div>
            </td>

            <td class="text-right">1ST PAX OFF</td>
            <td style="width: 70px;">
                <div class="form-group position-relative">
                    <input name="first_pax_off" type="text" class="form-control timepicker" data-timepicki-tim="{{ $hr }}" data-timepicki-mini="{{ $min }}">
                    <span class="form-clear d-none">
                        <i class="glyphicon glyphicon-remove"></i>
                    </span>
                </div>
            </td>
        </tr>

        <tr>
            <td class="text-right">LAST PAX OFF</td>
            <td>
                <div class="form-group position-relative">
                    <input name="last_pax_off" type="text" class="form-control timepicker" data-timepicki-tim="{{ $hr }}" data-timepicki-mini="{{ $min }}">
                    <span class="form-clear d-none">
                        <i class="glyphicon glyphicon-remove"></i>
                    </span>
                </div>
            </td>

            <td class="text-right">BACK STEPS USED</td>
            <td>
                {!! Form::select("back_steps_used", ["" => "", 0 => "No", 1 => "Yes"], null, ["class" => "form-control "]) !!}
            </td>

            <td class="text-right">CLEANERS ON BOARD</td>
            <td>
                <div class="form-group position-relative">
                    <input name="cleaners_onboard" type="text" class="form-control timepicker" data-timepicki-tim="{{ $hr }}" data-timepicki-mini="{{ $min }}">
                    <span class="form-clear d-none">
                        <i class="glyphicon glyphicon-remove"></i>
                    </span>
                </div>
            </td>
        </tr>

        <tr>
            <td class="text-right">CLEANERS OFF</td>
            <td>
                <div class="form-group position-relative">
                    <input name="cleaners_off" type="text" class="form-control timepicker" data-timepicki-tim="{{ $hr }}" data-timepicki-mini="{{ $min }}">
                    <span class="form-clear d-none">
                        <i class="glyphicon glyphicon-remove"></i>
                    </span>
                </div>
            </td>

            <td class="text-right">FUELLING STARTED</td>
            <td>
                <div class="form-group position-relative">
                    <input name="fuelling_started" type="text" class="form-control timepicker" data-timepicki-tim="{{ $hr }}" data-timepicki-mini="{{ $min }}">
                    <span class="form-clear d-none">
                        <i class="glyphicon glyphicon-remove"></i>
                    </span>
                </div>
            </td>

            <td class="text-right">FUELLING COMPLETED</td>
            <td style="width: 70px;">
                <div class="form-group position-relative">
                    <input name="fuelling_finished" type="text" class="form-control timepicker" data-timepicki-tim="{{ $hr }}" data-timepicki-mini="{{ $min }}">
                    <span class="form-clear d-none">
                        <i class="glyphicon glyphicon-remove"></i>
                    </span>
                </div>
            </td>
        </tr>

        <tr>
            <td class="text-right">GATE OPEN</td>
            <td style="width: 70px;">
                <div class="form-group position-relative">
                    <input name="gate_open" type="text" class="form-control timepicker" data-timepicki-tim="{{ $hr }}" data-timepicki-mini="{{ $min }}">
                    <span class="form-clear d-none">
                        <i class="glyphicon glyphicon-remove"></i>
                    </span>
                </div>
            </td>

            <td class="text-right">CREW AT GATE</td>
            <td style="width: 70px;">
                <div class="form-group position-relative">
                    <input name="crew_at_gate" type="text" class="form-control timepicker" data-timepicki-tim="{{ $hr }}" data-timepicki-mini="{{ $min }}">
                    <span class="form-clear d-none">
                        <i class="glyphicon glyphicon-remove"></i>
                    </span>
                </div>
            </td>

            <td class="text-right">BOARDING START TIME</td>
            <td style="width: 70px;">
                <div class="form-group position-relative">
                    <input name="boarding_start_time" type="text" class="form-control timepicker" data-timepicki-tim="{{ $hr }}" data-timepicki-mini="{{ $min }}">
                    <span class="form-clear d-none">
                        <i class="glyphicon glyphicon-remove"></i>
                    </span>
                </div>
            </td>
        </tr>

        <tr>
            <td class="text-right">PRE-BOARDING STARTED</td>
            <td>
                <div class="form-group position-relative">
                    <input name="pre_boarding_started" type="text" class="form-control timepicker" data-timepicki-tim="{{ $hr }}" data-timepicki-mini="{{ $min }}">
                    <span class="form-clear d-none">
                        <i class="glyphicon glyphicon-remove"></i>
                    </span>
                </div>
            </td>

            <td class="text-right">1ST PAX BOARDED AT GATE</td>
            <td style="width: 70px;">
                <div class="form-group position-relative">
                    <input name="first_pax_boarded" type="text" class="form-control timepicker" data-timepicki-tim="{{ $hr }}" data-timepicki-mini="{{ $min }}">
                    <span class="form-clear d-none">
                        <i class="glyphicon glyphicon-remove"></i>
                    </span>
                </div>
            </td>

            <td class="text-right">LAST PAX BOARDED AT GATE</td>
            <td style="width: 70px;">
                <div class="form-group position-relative">
                    <input name="last_pax_boarded" type="text" class="form-control timepicker" data-timepicki-tim="{{ $hr }}" data-timepicki-mini="{{ $min }}">
                    <span class="form-clear d-none">
                        <i class="glyphicon glyphicon-remove"></i>
                    </span>
                </div>
            </td>
        </tr>

        <tr>
            <td class="text-right">1ST PAX ON-BOARD</td>
            <td>
                <div class="form-group position-relative">
                    <input name="board_pax" type="text" class="form-control timepicker" data-timepicki-tim="{{ $hr }}" data-timepicki-mini="{{ $min }}">
                    <span class="form-clear d-none">
                        <i class="glyphicon glyphicon-remove"></i>
                    </span>
                </div>
            </td>

            <td class="text-right">LAST PAX ON BOARD</td>
            <td>
                <div class="form-group position-relative">
                    <input name="all_pax_onboard" type="text" class="form-control timepicker" data-timepicki-tim="{{ $hr }}" data-timepicki-mini="{{ $min }}">
                    <span class="form-clear d-none">
                        <i class="glyphicon glyphicon-remove"></i>
                    </span>
                </div>
            </td>

            <td class="text-right">ACCEPTED PAX</td>
            <td>
                <div class="form-group position-relative">
                    <input name="accepted_pax" type="number" maxlength="4" class="form-control pts">
                    <span class="form-clear d-none">
                        <i class="glyphicon glyphicon-remove"></i>
                    </span>
                </div>
            </td>
        </tr>

        <tr>
            <td class="text-right">1ST BAG LOADED</td>
            <td style="width: 70px;">
                <div class="form-group position-relative">
                    <input name="first_bag_loaded" type="text" class="form-control timepicker" data-timepicki-tim="{{ $hr }}" data-timepicki-mini="{{ $min }}">
                    <span class="form-clear d-none">
                        <i class="glyphicon glyphicon-remove"></i>
                    </span>
                </div>
            </td>

            <td class="text-right">LAST BAG LOADED</td>
            <td style="width: 70px;">
                <div class="form-group position-relative">
                    <input name="last_bag_loaded" type="text" class="form-control timepicker" data-timepicki-tim="{{ $hr }}" data-timepicki-mini="{{ $min }}">
                    <span class="form-clear d-none">
                        <i class="glyphicon glyphicon-remove"></i>
                    </span>
                </div>
            </td>

            <td class="text-right">GATE BAGS COLLECTED BY LOADING TEAM</td>
            <td>
                <div class="form-group position-relative">
                    <input name="gatebags_collected" type="text" class="form-control timepicker" data-timepicki-tim="{{ $hr }}" data-timepicki-mini="{{ $min }}">
                    <span class="form-clear d-none">
                        <i class="glyphicon glyphicon-remove"></i>
                    </span>
                </div>
            </td>
        </tr>

        <tr>
            <td class="text-right">BAG SEARCH STARTED</td>
            <td style="width: 70px;">
                <div class="form-group position-relative">
                    <input name="bag_search_started" type="text" class="form-control timepicker" data-timepicki-tim="{{ $hr }}" data-timepicki-mini="{{ $min }}">
                    <span class="form-clear d-none">
                        <i class="glyphicon glyphicon-remove"></i>
                    </span>
                </div>
            </td>

            <td class="text-right">BAG SEARCH FINISHED</td>
            <td style="width: 70px;">
                <div class="form-group position-relative">
                    <input name="bag_search_finished" type="text" class="form-control timepicker" data-timepicki-tim="{{ $hr }}" data-timepicki-mini="{{ $min }}">
                    <span class="form-clear d-none">
                        <i class="glyphicon glyphicon-remove"></i>
                    </span>
                </div>
            </td>

            <td class="text-right">LOADSHEET ONBOARD</td>
            <td>
                <div class="form-group position-relative">
                    <input name="loadsheet_onboard" type="text" class="form-control timepicker" data-timepicki-tim="{{ $hr }}" data-timepicki-mini="{{ $min }}">
                    <span class="form-clear d-none">
                        <i class="glyphicon glyphicon-remove"></i>
                    </span>
                </div>
            </td>
        </tr>

        <tr>
            <td class="text-right">ALL DOORS CLOSED</td>
            <td>
                <div class="form-group position-relative">
                    <input name="all_doors_closed" type="text" class="form-control timepicker" data-timepicki-tim="{{ $hr }}" data-timepicki-mini="{{ $min }}">
                    <span class="form-clear d-none">
                        <i class="glyphicon glyphicon-remove"></i>
                    </span>
                </div>
            </td>

            <td class="text-right">JETWAY/STEPS OFF</td>
            <td>
                <div class="form-group position-relative">
                    <input name="jetway_off" type="text" class="form-control timepicker" data-timepicki-tim="{{ $hr }}" data-timepicki-mini="{{ $min }}">
                    <span class="form-clear d-none">
                        <i class="glyphicon glyphicon-remove"></i>
                    </span>
                </div>
            </td>

            <td class="text-right">TUG CONNECTED</td>
            <td>
                <div class="form-group position-relative">
                    <input name="tug_connected" type="text" class="form-control timepicker" data-timepicki-tim="{{ $hr }}" data-timepicki-mini="{{ $min }}">
                    <span class="form-clear d-none">
                        <i class="glyphicon glyphicon-remove"></i>
                    </span>
                </div>
            </td>
        </tr>

        <tr>
            <td class="text-right">FINAL WALK AROUND</td>
            <td>
                <div class="form-group position-relative">
                    <input name="final_walk_around" type="text" class="form-control timepicker" data-timepicki-tim="{{ $hr }}" data-timepicki-mini="{{ $min }}">
                    <span class="form-clear d-none">
                        <i class="glyphicon glyphicon-remove"></i>
                    </span>
                </div>
            </td>

            <td class="text-right">ALL DOORS & PANELS ARE CLOSED</td>
            <td>
                <div class="form-group position-relative">
                    <input name="all_doors_panels_closed" value="1" type="checkbox" class="form-control" />
                </div>
            </td>

            <td class="text-right">PILOT HEADSET</td>
            <td>
                <div class="form-group position-relative">
                    <input name="pilot_headset" type="text" class="form-control timepicker" data-timepicki-tim="{{ $hr }}" data-timepicki-mini="{{ $min }}">
                    <span class="form-clear d-none">
                        <i class="glyphicon glyphicon-remove"></i>
                    </span>
                </div>
            </td>
        </tr>

        <tr>
            <td class="text-right">READY TO GO (RTG)</td>
            <td style="width: 70px;">
                <div class="form-group position-relative">
                    <input name="rtg" type="text" class="form-control timepicker" data-timepicki-tim="{{ $hr }}" data-timepicki-mini="{{ $min }}">
                    <span class="form-clear d-none">
                        <i class="glyphicon glyphicon-remove"></i>
                    </span>
                </div>
            </td>

            <td class="text-right">PUSHBACK</td>
            <td>
                <div class="form-group position-relative">
                    <input name="pushback" type="text" class="form-control timepicker" data-timepicki-tim="{{ $hr }}" data-timepicki-mini="{{ $min }}">
                    <span class="form-clear d-none">
                        <i class="glyphicon glyphicon-remove"></i>
                    </span>
                </div>
            </td>

            <td class="text-right">CABIN BAGS AT CHECK-IN</td>
            <td>
                <div class="form-group position-relative">
                    <input name="cabin_bags_checkin" type="number" maxlength="4" class="form-control pts">
                    <span class="form-clear d-none">
                        <i class="glyphicon glyphicon-remove"></i>
                    </span>
                </div>
            </td>
        </tr>

        <tr>
            <td class="text-right">CABIN BAGS AT GATE</td>
            <td>
                <div class="form-group position-relative">
                    <input name="cabin_bags_gate" type="number" maxlength="4" class="form-control pts">
                    <span class="form-clear d-none">
                        <i class="glyphicon glyphicon-remove"></i>
                    </span>
                </div>
            </td>

            <td class="text-right">CKIN OPEN</td>
            <td>
                <div class="form-group position-relative">
                    <input name="ckin_open" type="text" class="form-control timepicker" data-timepicki-tim="{{ $hr }}" data-timepicki-mini="{{ $min }}">
                    <span class="form-clear d-none">
                        <i class="glyphicon glyphicon-remove"></i>
                    </span>
                </div>
            </td>

            <td class="text-right">CKIN CLOSE</td>
            <td>
                <div class="form-group position-relative">
                    <input name="ckin_close" type="text" class="form-control timepicker" data-timepicki-tim="{{ $hr }}" data-timepicki-mini="{{ $min }}">
                    <span class="form-clear d-none">
                        <i class="glyphicon glyphicon-remove"></i>
                    </span>
                </div>
            </td>
        </tr>

        <tr>
            <td class="text-right">MHB AHL</td>
            <td>
                <div class="form-group position-relative">
                    <input name="mhb_ahl" type="number" maxlength="4" class="form-control pts">
                    <span class="form-clear d-none">
                        <i class="glyphicon glyphicon-remove"></i>
                    </span>
                </div>
            </td>

            <td class="text-right">MHB OHD</td>
            <td>
                <div class="form-group position-relative">
                    <input name="mhb_ohd" type="number" maxlength="4" class="form-control pts">
                    <span class="form-clear d-none">
                        <i class="glyphicon glyphicon-remove"></i>
                    </span>
                </div>
            </td>

            <td class="text-right">MHB DPR</td>
            <td>
                <div class="form-group position-relative">
                    <input name="mhb_dpr" type="number" maxlength="4" class="form-control pts">
                    <span class="form-clear d-none">
                        <i class="glyphicon glyphicon-remove"></i>
                    </span>
                </div>
            </td>
        </tr>
    </table>

    <div class="clearfix"></div>

    <div class="form-group" style="margin-top: 15px;">
        {!! Form::submit("Save changes", ["id" => "", "class" => "btn btn-warning btn-save-changes"]) !!}
        <span id="pts_success_message" class="color-green" style="display: none; margin-left: 10px; font-weight: bold;">Successfully saved!</span>
        <span id="pts_failure_message" class="color-red" style="display: none; margin-left: 10px; font-weight: bold;">Error! Please try again!</span>
    </div>

</form>