{{--<style>
div.tableContainer {
clear: both;
}
thead.fixedHeader tr {
position: relative;
}
thead.fixedHeader th {
padding: 4px 3px;
text-align: left
}

html>body tbody.scrollContent {
display: block;
height: 300px;
overflow: auto;
width: 100%
}

html>body thead.fixedHeader {
display: table;
overflow: auto;
}
</style>--}}
<div id="info-settlement-preview">
    <div class="modal-header">
        <button type="button" class="close close_modal" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Detail Per Shift - Preview</h4>
    </div>
    <div class="modal-body">
        <div class="row">
            <form id="detail_report_preview_search" class="basic" method="get" class="theme-form">
                <div class="form-group col-sm-3 date">
                    <label class="btn-block margin0">Start Date-Time</label>
                    <div class='input-group date btn-block' id="startDate">
                        <input type='text' class="form-control"
                               name="start_date" id="start_date"
                               value="@if(!empty($start_date)){{$start_date}}@endif"/>
                                                                <span class="input-group-addon">
                                                                <span class="glyphicon glyphicon-calendar"></span>
                                                            </span>
                    </div>
                    <label class="btn-block margin0 shift_start_error error"></label>
                </div>
                <div class="form-group col-sm-3">
                    <label class="btn-block margin0">End Date-Time</label>
                    <div class='input-group date btn-block' id="startDate">
                        <input type='text' class="form-control"
                               name="end_date" id="end_date"
                               value="@if(!empty($end_date)){{$end_date}}@endif"/>
                                                                <span class="input-group-addon">
                                                                <span class="glyphicon glyphicon-calendar"></span>
                                                            </span>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-3 required">
                    <label for="vehicle_type" class="btn-block margin0">Vehicle Type</label>
                    <div class='input-group btn-block'>
                        <select class="form-control" name="vehicle_type" id="vehicle_type">
                            <option value="">Vehicle Type</option>
                            @foreach($vehicles as $key => $value)
                                <option value="{{$key}}" @if($key == $vehicle_selected) {{'selected'}}@endif>{{$value}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="col-sm-3 form-group">
                    <label class="btn-block margin0">Vehicle Number</label>
                    <div class='input-group btn-block'>
                        <input type="text" name="vehicle_number"
                               value="@if(!empty($vehicle_number)){{$vehicle_number}}@endif"
                               class="form-control"
                               placeholder="Vehicle Number"
                               id="vehicle_number">
                    </div>
                </div>
                <div class="col-sm-3 form-group">
                    <label class="btn-block margin0">Member Name</label>
                    <input type="text" name="member_name" value="@if(!empty($member_name)){{$member_name}}@endif"
                           class="form-control" placeholder="Member Name" id="member_name">
                </div>
                <div class="col-xs-2">
                    <label class="btn-block margin0">&nbsp;</label>
                    <button type="submit" id="search_membership"
                            class="btn btn-info pull-right"><i class="fa fa-search"></i>&nbsp;Search
                    </button>
                </div>
                <input type="hidden" name="shift_id" id="shift_id" value="">
            </form>
        </div>
        @if(!empty($detailedReport) && count($detailedReport) > 0)
            <div class="table-responsive tableContainer mt-0" style="height: 300px;" id="tableContainer">
                <table class="table table-bordered table-striped dataTable" width="100%" cellspacing="0">
                    <thead class="fixedHeader">
                    <tr>
                        <td nowrap>No.</td>
                        <td nowrap>Veh.No.</td>
                        <td nowrap>Ticket No.</td>
                        <td nowrap>Vehicle</td>
                        <td nowrap>In Gate</td>
                        <td nowrap>Cps Gate</td> <!-- for cps gate -->
                        <td nowrap>Out Gate</td>
                        <td nowrap>Member Name</td>
                        <td nowrap>Entry Time</td>
                        <td nowrap>Cps Time</td> <!-- for cps gate -->
                        <td nowrap>Exit Time</td>
                        <td nowrap>Duration (H:M:S)</td>
                        <td nowrap>In Shift ID</td>
                        <td nowrap>Cps Shift ID</td> <!-- for cps gate -->
                        <td nowrap>Out Shift ID</td>
                        <td nowrap>In Payment Mode</td>
                        <td nowrap>Cps Payment Mode</td> <!-- for cps gate -->
                        <td nowrap>Out Payment Mode</td>
                        <td nowrap>In FOC Amount</td>
                        <td nowrap>Cps FOC Amount</td> <!-- for cps gate -->
                        <td nowrap>Out FOC Amount</td>
                        <td nowrap>In FOC Reason</td>
                        <td nowrap>Cps FOC Reason</td> <!-- for cps gate -->
                        <td nowrap>Out FOC Reason</td>
                        <td nowrap>In FOC Approved</td>
                        <td nowrap>Cps FOC Approved</td> <!-- for cps gate -->
                        <td nowrap>Out FOC Approved</td>
                        <td nowrap>In Membership Payment Amount</td>
                        <td nowrap>Cps Membership Payment Amount</td> <!-- for cps gate -->
                        <td nowrap>Out Membership Payment Amount</td>
                        <td nowrap>In Payment Amount</td>
                        <td nowrap>Cps Payment Amount</td> <!-- for cps gate -->
                        <td nowrap>Out Payment Amount</td>
                        <td nowrap>In Standard Parking Charge</td>
                        <td nowrap>Cps Standard Parking Charge</td> <!-- for cps gate -->
                        <td nowrap>Out Standard Parking Charge</td>
                        <td nowrap>Total Payment Amount</td>
                        <td nowrap>Total CPS Payment Amount</td> <!-- for cps gate -->
                        <td nowrap>Penalty Charge</td>
                        <td nowrap>CPS Penalty Charge</td> <!-- for cps gate -->
                        <td nowrap>Overnight Charges</td>
                        <td nowrap>CPS Overnight Charges</td> <!-- for cps gate -->
                        <td nowrap>Additional Charges</td>
                        <td nowrap>CPS Additional Charges</td> <!-- for cps gate -->
                        <td nowrap>Lost Ticket</td>
                        <td nowrap>Lost Ticket Penalty</td>
                        <td nowrap>CPS Lost Ticket</td><!-- for cps gate -->
                        <td nowrap>CPS Lost Ticket Penalty</td><!-- for cps gate -->
                        <td nowrap>Manuel Ticket</td>
                        <td nowrap>CPS Manuel Ticket</td><!-- for cps gate -->
                        <td nowrap>Offline Ticket</td>
                        <td nowrap>CPS Offline Ticket</td><!-- for cps gate -->
                        <td nowrap>Reprint Count</td>
                        <td nowrap>CPS Reprint Count</td><!-- for cps gate -->
                        <td nowrap>F Eight</td>
                        <td nowrap>F Eight Reason</td>
                        <td nowrap>CPS F Eight</td><!-- for cps gate -->
                        <td nowrap>CPS F Eight Reason</td><!-- for cps gate -->
                    </tr>
                    </thead>
                    <tbody class="scrollContent">
                                        @foreach($detailedReport as  $detailedReportData)
                                                <tr>
                            <td>{{$i}}</td>
                            <td>{{$detailedReportData['vehicle_number']}}</td>
                            <td>@if($detailedReportData['barcode'] != ''){{$detailedReportData['barcode']}}@elseif($detailedReportData['f_eight'] == '1'){{'Manual Ticket'}}@elseif($detailedReportData['lost_ticket'] == '1'){{'Lost Ticket'}}@endif</td>
                            <td>{{$detailedReportData['type']}}</td>
                            <td>{{!empty($detailedReportData['in_gate_name']) ? $detailedReportData['in_gate_name'] : 'NA'}}</td>
                            <td>{{!empty($detailedReportData['cps_gate_name']) ? $detailedReportData['cps_gate_name'] : 'NA'}}</td><!-- for cps gate -->
                            <td>{{!empty($detailedReportData['out_gate_name']) ? $detailedReportData['out_gate_name'] : 'NA'}}</td>
                            @if(!is_null($detailedReportData['sticker_member_name']))
                                <td>{{$detailedReportData['sticker_member_name']}}</td>
                            @elseif(!is_null($detailedReportData['rfid_member_name']))
                                <td>{{$detailedReportData['rfid_member_name']}}</td>
                            @else
                                <td>NULL</td>
                            @endif
                            <td>{{$detailedReportData['in_time']}}</td>
                            <td>{{!empty($detailedReportData['cps_time']) ? $detailedReportData['cps_time'] : 'NA'}}</td><!-- for cps gate -->
                            <td>{{$detailedReportData['out_time']}}</td>
                            <td>                            </td>
                            <td>@if(!empty($detailedReportData['in_shift_id'])) {{$detailedReportData['in_shift_id']}} @else{{'0'}}@endif</td>
                            <td>@if(!empty($detailedReportData['cps_shift_id'])){{$detailedReportData['cps_shift_id']}}@else{{'0'}}@endif</td><!-- for cps gate -->
                            <td>@if(!empty($detailedReportData['out_shift_id'])){{$detailedReportData['out_shift_id']}}@else{{'0'}}@endif</td>
                            <td>@if(!empty($detailedReportData['in_payment_mode'])){{$detailedReportData['in_payment_mode']}}@else{{'0'}}@endif</td>
                            <td>@if(!empty($detailedReportData['cps_payment_mode'])){{$detailedReportData['cps_payment_mode']}}@else{{'0'}}@endif</td><!-- for cps gate -->
                            <td>@if(!empty($detailedReportData['out_payment_mode'])){{$detailedReportData['out_payment_mode']}}@else{{'0'}}@endif</td>
                            <td>@if(!empty($detailedReportData['in_foc_difference'])){{$detailedReportData['in_foc_difference']}}@else{{'0'}}@endif</td>
                            <td>@if(!empty($detailedReportData['cps_foc_difference'])){{$detailedReportData['cps_foc_difference']}}@else{{'0'}}@endif</td><!-- for cps gate -->
                            <td>@if(!empty($detailedReportData['out_foc_difference'])){{$detailedReportData['out_foc_difference']}}@else{{'0'}}@endif</td>
                            <td>@if(!empty($detailedReportData['in_foc_reason'])){{$detailedReportData['in_foc_reason']}}@else{{'0'}}@endif</td>
                            <td>@if(!empty($detailedReportData['cps_foc_reason'])){{$detailedReportData['cps_foc_reason']}}@else{{'0'}}@endif</td><!-- for cps gate -->
                            <td>@if(!empty($detailedReportData['out_foc_reason'])){{$detailedReportData['out_foc_reason']}}@else{{'0'}}@endif</td>
                            <td>@if(!empty($detailedReportData['in_foc_approved'])){{$detailedReportData['in_foc_approved']}}@else{{'0'}}@endif</td>
                            <td>{{$cps_approved}}</td><!-- for cps gate -->
                            <td>@if(!empty($detailedReportData['out_foc_approved'])){{$detailedReportData['out_foc_approved']}}@else{{'0'}}@endif</td>
                            <td>@if(!empty($detailedReportData['in_membership_payment_amount'])){{$detailedReportData['in_membership_payment_amount']}}@else{{'0'}}@endif</td>
                            <td>@if(!empty($detailedReportData['cps_membership_payment_amount'])){{$detailedReportData['cps_membership_payment_amount']}}@else{{'0'}}@endif</td><!-- for cps gate -->
                            <td>@if(!empty($detailedReportData['out_membership_payment_amount'])){{$detailedReportData['out_membership_payment_amount']}}@else{{'0'}}@endif</td>
                            <td>@if(!empty($detailedReportData['in_payment_amount'])){{$detailedReportData['in_payment_amount']}}@else{{'0'}}@endif</td>
                            <td>@if(!empty($detailedReportData['cps_payment_amount'])){{$detailedReportData['cps_payment_amount']}}@else{{'0'}}@endif</td><!-- for cps gate -->
                            <td>@if(!empty($detailedReportData['out_payment_amount'])){{$detailedReportData['out_payment_amount']}}@else{{'0'}}@endif</td>
                            <td>@if(!empty($detailedReportData['in_standard_parking_amount'])){{$detailedReportData['in_standard_parking_amount']}}@else{{'0'}}@endif</td>
                            <td>@if(!empty($detailedReportData['cps_standard_parking_amount'])){{$detailedReportData['cps_standard_parking_amount']}}@else{{'0'}}@endif</td><!-- for cps gate -->
                            <td>@if(!empty($detailedReportData['out_standard_parking_amount'])){{$detailedReportData['out_standard_parking_amount']}}@else{{'0'}}@endif</td>
                            <td>@if(!empty($detailedReportData['total_payment_amount'])){{$detailedReportData['total_payment_amount']}}@else{{'0'}}@endif</td>
                            <td>@if(!empty($detailedReportData['cps_payment_amount'])){{$detailedReportData['cps_payment_amount']}}@else{{'0'}}@endif</td><!-- for cps gate -->
                            <td>@if(!empty($detailedReportData['penalty_charge'])){{$detailedReportData['penalty_charge']}}@else{{'0'}}@endif</td>
                            <td>@if(!empty($detailedReportData['cps_penalty_charge'])){{$detailedReportData['cps_penalty_charge']}}@else{{'0'}}@endif</td><!-- for cps gate -->
                            <td>@if(!empty($detailedReportData['overnight_charges'])){{$detailedReportData['overnight_charges']}}@else{{'0'}}@endif</td>
                            <td>@if(!empty($detailedReportData['cps_overnight_charges'])){{$detailedReportData['overnight_charges']}}@else{{'0'}}@endif</td><!-- for cps gate -->
                            <td>@if(!empty($detailedReportData['additional_charges'])){{$detailedReportData['additional_charges']}}@else{{'0'}}@endif</td>
                            <td>@if(!empty($detailedReportData['cps_additional_charges'])){{$detailedReportData['cps_additional_charges']}}@else{{'0'}}@endif</td><!-- for cps gate -->
                            <td>@if(!empty($detailedReportData['lost_ticket'])){{$detailedReportData['lost_ticket']}}@else{{'0'}}@endif</td>
                            <td>@if(!empty($detailedReportData['lost_ticket_penalty'])){{$detailedReportData['lost_ticket_penalty']}}@else{{'0'}}@endif</td>
                            <td>@if(!empty($detailedReportData['cps_lost_ticket'])){{$detailedReportData['cps_lost_ticket']}}@else{{'0'}}@endif</td><!-- for cps gate -->
                            <td>@if(!empty($detailedReportData['cps_lost_ticket_penalty'])){{$detailedReportData['cps_lost_ticket_penalty']}}@else{{'0'}}@endif</td><!-- for cps gate -->
                            <td>@if(!empty($detailedReportData['manuel_ticket'])){{$detailedReportData['manuel_ticket']}}@else{{'0'}}@endif</td>
                            <td>@if(!empty($detailedReportData['cps_manuel_ticket'])){{$detailedReportData['cps_manuel_ticket']}}@else{{'0'}}@endif</td><!-- for cps gate -->
                            <td>@if(!empty($detailedReportData['offline_ticket'])){{$detailedReportData['offline_ticket']}}@else{{'0'}}@endif</td>
                            <td>@if(!empty($detailedReportData['cps_offline_ticket'])){{$detailedReportData['cps_offline_ticket']}}@else{{'0'}}@endif</td><!-- for cps gate -->
                            <td>@if(!empty($detailedReportData['reprint_count'])){{$detailedReportData['reprint_count']}}@else{{'0'}}@endif</td>
                            <td>@if(!empty($detailedReportData['cps_reprint_count'])){{$detailedReportData['cps_reprint_count']}}@else{{'0'}}@endif</td><!-- for cps gate -->
                            <td>@if(!empty($detailedReportData['f_eight'])){{$detailedReportData['f_eight']}}@else{{'0'}}@endif</td>
                            <td>@if(!empty($detailedReportData['f_eight_reason'])){{$detailedReportData['f_eight_reason']}}@else{{'0'}}@endif</td>
                            <td>@if(!empty($detailedReportData['cps_f_eight'])){{$detailedReportData['cps_f_eight']}}@else{{'0'}}@endif</td><!-- for cps gate -->
                            <td>@if(!empty($detailedReportData['cps_f_eight_reason'])){{$detailedReportData['cps_f_eight_reason']}}@else{{'0'}}@endif</td><!-- for cps gate -->
                        </tr>
                                            @endforeach
                    </tbody>
                </table>
            </div>
        @else
            <div>No records found</div>
        @endif
    </div>
    <div class="modal-footer">
        <a class="btn btn-warning"
           href="{{ URL::to('admin/info_settlements/detailedReport/xls/'.$shiftId.'/summaryReport?membership_type='.$membership_type_selected.'&payment_modes='.$paymentModes_selected.'&vehicle_type='.$vehicle_selected.'&vehicle_number='.$vehicle_number.'&member_name='.$member_name.'&start_date='.$start_date.'&end_date='.$end_date) }}">Export
            as
            Excel</a>
        <button type="button" class="btn btn-default"
                data-dismiss="modal">Close
        </button>
    </div>
</div>