@extends('layouts.app')

@section('content')
    <div class="container-fluid">
        <a href="{{ route('np-ts.index') }}" class="btn btn btn-outline-danger">
            <i class="icon ion-md-return-left text-primary"></i>
            @lang('crud.common.back')
        </a>
        <div class="card-body mt-0 mb-4">

            <div class="row">

                <div class="col-md-6 justify-content-between">

                    <form method="GET" action="{{ route('np-ts.report') }}">
                        @csrf
                        <div class="row justify-content-start">
                            <div class="col-md-3">
                                <input type="date" name="start_date" class="form-control" placeholder="Start Date"
                                    value="{{ $startDate ?? '' }}" />
                            </div>
                            <div class="col-md-3">
                                <input type="date" name="end_date" class="form-control" placeholder="End Date"
                                    value="{{ $endDate ?? '' }}" />
                            </div>
                            <div class="col-md-3">
                                <select name="floor" class="form-control">
                                    <option value="">Select Floor</option>
                                    <option value="1st Floor"
                                        {{ isset($floor) && $floor == '1st Floor' ? 'selected' : '' }}>
                                        1st Floor</option>
                                    <option value="3rd Floor"
                                        {{ isset($floor) && $floor == '3rd Floor' ? 'selected' : '' }}>
                                        3rd Floor</option>
                                    <option value="4th Floor"
                                        {{ isset($floor) && $floor == '4th Floor' ? 'selected' : '' }}>
                                        4th Floor</option>
                                    <option value="5th Floor"
                                        {{ isset($floor) && $floor == '5th Floor' ? 'selected' : '' }}>
                                        5th Floor</option>
                                    <option value="Cutting Floor"
                                        {{ isset($floor) && $floor == 'Cutting Floor' ? 'selected' : '' }}>Cutting Floor
                                    </option>
                                </select>
                            </div>
                            <div class="col-md-3">
                                <button type="submit" id="filter" class="btn btn-outline-primary">Filter</button>

                                <button type="button" class="btn btn-outline-danger"
                                    onclick="window.location.href = '{{ route('np-ts.report') }}'"
                                    style="display: inline-block;">Reset</button>
                            </div>
                        </div>
                    </form>
                </div>

                <div class="col-md-6 text-right">
                    @can('create', App\Models\NpT::class)
                        <a href="{{ route('np-ts.create') }}" class="btn btn-outline-primary">
                            <i class="icon ion-md-add"></i> @lang('crud.common.create')
                        </a>
                    @endcan
                    <form method="GET" action="{{ route('np-ts.report.export') }}" class="d-inline">
                        <input type="hidden" name="start_date" value="{{ $startDate ?? '' }}">
                        <input type="hidden" name="end_date" value="{{ $endDate ?? '' }}">
                        <input type="hidden" name="floor" value="{{ $floor ?? '' }}">
                        <button type="submit" class="btn btn-outline-success">
                            <i class="icon ion-md-download"></i> @lang('Download Excel')
                        </button>
                    </form>
                    <form method="GET" action="{{ route('np-ts.report.details') }}" class="d-inline">
                        <input type="hidden" name="start_date" value="{{ $startDate ?? '' }}">
                        <input type="hidden" name="end_date" value="{{ $endDate ?? '' }}">
                        <input type="hidden" name="floor" value="{{ $floor ?? '' }}">
                        <button type="submit" class="btn btn-outline-danger">
                            <i class="icon ion-md-download"></i> @lang('Details Excel')
                        </button>

                </div>
            </div>

        </div>

        <div class="card">
            <div class="card-body">
                <div style="display: flex; justify-content: space-between;">
                    <h4 class="card-title text-center">@lang('Daily Floor Wise Non-Productive Time')</h4>
                </div>

                <div class="table-responsive">
                    <table class="table table-border table-hover">
                        <thead>
                            <tr>
                                <th class="text-left">@lang('crud.np_ts.inputs.date')</th>
                                <th class="text-left">@lang('1st floor')</th>
                                <th class="text-left">@lang('3rd floor')</th>
                                <th class="text-left">@lang('4th floor')</th>
                                <th class="text-left">@lang('5th floor')</th>
                                <th class="text-left">@lang('Cutting floor')</th>
                                <th class="text-left">@lang('Grand Total NPT Minutes')</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($npTs as $npT)
                                <tr>
                                    <td>{{ $npT->date->format('d-M-y') }}</td>
                                    <td>{{ $npT->total_npt_1st_floor }}</td>
                                    <td>{{ $npT->total_npt_3rd_floor }}</td>
                                    <td>{{ $npT->total_npt_4th_floor }}</td>
                                    <td>{{ $npT->total_npt_5th_floor }}</td>
                                    <td>{{ $npT->total_npt_cutting_floor }}</td>
                                    <td>{{ $npT->total_all_floors }}</td>
                                </tr>
                            @endforeach
                            @if ($npTs->isEmpty())
                                <tr>
                                    <td colspan="7">@lang('crud.common.no_items_found')</td>
                                </tr>
                            @endif
                        </tbody>
                        <tfoot>
                            <tr>
                                <td colspan="7">{!! $npTs->links() !!}</td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script>
        //must select at least one select option
        document.getElementById('filter').onclick = function() {
            if (document.getElementsByName('start_date')[0].value == '' ||
                document.getElementsByName('end_date')[0].value == '' ||
                document.getElementsByName('floor')[0].value == '') {
                alert('Please select all fields');
                return false;
            }
        }

    </script>
    
@endpush