@extends('layouts.app')

@section('title')
    {{ __('Systems Intermediate Checking') }}
@endsection

@section('breadcrumb')
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0 text-dark">
                        <i class="fas fa-clipboard-list"></i>
                        {{ __('Systems Intermediate Checking') }}
                    </h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ route('admin.index') }}">{{ __('Home') }}</a></li>
                        <li class="breadcrumb-item active">{{ __('Systems Intermediate Checking') }}</li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
@endsection

@section('content')
    <div class="card card-primary card-outline">
        <div class="card-header">
            <!-- <h3 class="card-title">
                                {{ __('Container type table') }}
                            </h3> -->
            @can('create_maintenance_logs')
                <a href="{{ route('admin.systems_inter_checking.create') }}" class="btn btn-primary btn-sm float-right">
                    <i class="fa fa-plus"></i> {{ __('Create') }}
                </a>
            @endcan
        </div>
        <!-- /.card-header -->
        <div class="card-body">
            <!-- filter -->
            <div id="accordion">
                <div class="card card-info">
                    <a data-toggle="collapse" data-parent="#accordion" id="on_filter" href="#collapseOne1"
                        class="btn btn-primary collapsed" aria-expanded="false">
                        <i class="fas fa-filter"></i> {{ __('Filters') }}
                    </a>
                    <div id="collapseOne1" class="panel-collapse in collapse">
                        <div class="card-body">
                            <div class="row">
                                {{-- <div class="col-lg-3">
                                    <div class="form-group">
                                        <label for="filter_date">{{ __('Date') }}</label>
                                        <input type="text" class="form-control" id="filter_date" placeholder="{{ __('Date') }}" value="{{ isset($_GET['date']) ? $_GET['date'] : '' }}">
                                    </div>
                                </div> --}}
                                <div class="col-lg">
                                    <div class="form-group">
                                        <label>{{ __('Equipment') }}</label>
                                        <br>
                                        <select class="form-control equipment_id" id="filter_equipment">
                                        </select>
                                    </div>
                                </div>
                                <div class="col-lg">
                                    <div class="form-group">
                                        <label for="filter_title">{{ __('Title') }}</label>
                                        <select required class="form-control select2" data-allow-clear="true" id="filter_title">
                                            {{-- <option value="" selected disabled>{{ __('Select Title') }}</option> --}}
                                            <option value="1">{{ __('PREVENTIVE MAINTENANCE RECORD') }}</option>
                                            <option value="2">{{ __('Waters TQD LC/MSMS Maintenance Log') }}</option>
                                            <option value="3">{{ __('Waters UPLC Maintenance Log') }}</option>
                                            <option value="4">
                                                {{ __('Multiphor II Electrophoresis Unit/Maintenance Log') }}</option>
                                            <option value="5">{{ __('Agilent GCMS Maintenance Log') }}</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-lg">
                                    <div class="form-group">
                                        <label for="filter_month">{{ __('Month') }}</label>
                                        <select required class="form-control select2" data-allow-clear="true" id="filter_month">
                                            {{-- <option value="" selected disabled>{{ __('Select Month') }}</option> --}}
                                            @for ($i = 1; $i <= 12; $i++)
                                                <option value="{{ date('F', mktime(0, 0, 0, $i, 1)) }}">
                                                    {{ date('F', mktime(0, 0, 0, $i, 1)) }}</option>
                                            @endfor
                                        </select>
                                    </div>
                                </div>
                                <div class="col-lg">
                                    <div class="form-group">
                                        <label for="filter_year">{{ __('Year') }}</label>
                                        <select required class="form-control select2" data-allow-clear="true" id="filter_year">
                                            <option value="2025">2025</option><option value="2024">2024</option><option value="2023">2023</option><option value="2022">2022</option><option value="2021">2021</option><option value="2020">2020</option><option value="2019">2019</option><option value="2018">2018</option><option value="2017">2017</option><option value="2016">2016</option><option value="2015">2015</option><option value="2014">2014</option><option value="2013">2013</option><option value="2012">2012</option><option value="2011">2011</option><option value="2010">2010</option><option value="2009">2009</option><option value="2008">2008</option><option value="2007">2007</option><option value="2006">2006</option><option value="2005">2005</option><option value="2004">2004</option><option value="2003">2003</option><option value="2002">2002</option><option value="2001">2001</option><option value="2000">2000</option><option value="1999">1999</option><option value="1998">1998</option><option value="1997">1997</option><option value="1996">1996</option><option value="1995">1995</option><option value="1994">1994</option><option value="1993">1993</option><option value="1992">1992</option><option value="1991">1991</option><option value="1990">1990</option><option value="1989">1989</option><option value="1988">1988</option><option value="1987">1987</option><option value="1986">1986</option><option value="1985">1985</option><option value="1984">1984</option><option value="1983">1983</option><option value="1982">1982</option><option value="1981">1981</option><option value="1980">1980</option><option value="1979">1979</option><option value="1978">1978</option><option value="1977">1977</option><option value="1976">1976</option><option value="1975">1975</option><option value="1974">1974</option><option value="1973">1973</option><option value="1972">1972</option><option value="1971">1971</option><option value="1970">1970</option><option value="1969">1969</option><option value="1968">1968</option><option value="1967">1967</option><option value="1966">1966</option><option value="1965">1965</option><option value="1964">1964</option><option value="1963">1963</option><option value="1962">1962</option><option value="1961">1961</option><option value="1960">1960</option><option value="1959">1959</option><option value="1958">1958</option><option value="1957">1957</option><option value="1956">1956</option><option value="1955">1955</option><option value="1954">1954</option><option value="1953">1953</option><option value="1952">1952</option><option value="1951">1951</option><option value="1950">1950</option><option value="1949">1949</option><option value="1948">1948</option><option value="1947">1947</option><option value="1946">1946</option><option value="1945">1945</option><option value="1944">1944</option><option value="1943">1943</option><option value="1942">1942</option><option value="1941">1941</option><option value="1940">1940</option><option value="1939">1939</option><option value="1938">1938</option><option value="1937">1937</option><option value="1936">1936</option><option value="1935">1935</option><option value="1934">1934</option><option value="1933">1933</option><option value="1932">1932</option><option value="1931">1931</option><option value="1930">1930</option><option value="1929">1929</option><option value="1928">1928</option><option value="1927">1927</option><option value="1926">1926</option><option value="1925">1925</option><option value="1924">1924</option><option value="1923">1923</option><option value="1922">1922</option><option value="1921">1921</option><option value="1920">1920</option><option value="1919">1919</option><option value="1918">1918</option><option value="1917">1917</option><option value="1916">1916</option><option value="1915">1915</option><option value="1914">1914</option><option value="1913">1913</option><option value="1912">1912</option><option value="1911">1911</option><option value="1910">1910</option><option value="1909">1909</option><option value="1908">1908</option><option value="1907">1907</option><option value="1906">1906</option><option value="1905">1905</option><option value="1904">1904</option><option value="1903">1903</option><option value="1902">1902</option><option value="1901">1901</option><option value="1900">1900</option>                                        </select>
                                    </div>
                                </div>

                                <div class="col-lg">
                                    <div class="form-group">
                                        <label for="filter_sign">{{ __('Pending Sign') }}</label>
                                        <select id="filter_sign" class="form-control">
                                            <option value="">&nbsp;</option>
                                            <option value="Performed"  {{ isset($_GET['filter_perform']) ? ($_GET['filter_perform'] == 0 ? 'selected' : '') : '' }}>Performed</option>
                                            <option value="Reviewer" {{ isset($_GET['filter_reviewer']) ? ($_GET['filter_reviewer'] == 0 ? 'selected' : '') : '' }}>Reviewer</option>

                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-12 table-responsive">
                <table id="maintenance_logs_table" class="table table-striped table-bordered" width="100%">
                    <thead>
                        <tr>
                            <th width="10px">
                                <input type="checkbox" class="check_all" name="" id="">
                            </th>
                            <th width="10px">#</th>
                            <th>{{ __('Equipment Name') }}</th>
                            <th>{{ __('Title') }}</th>
                            <th>{{ __('Month Year') }}</th>
                            <th>Signed</th>
                            <th>Signed Dates</th>
                            <th>Signed By</th>
                            <th>{{ __('Created At') }}</th>
                            <th width="100px">{{ __('Action') }}</th>
                        </tr>
                    </thead>
                    <tbody>

                    </tbody>
                </table>
            </div>
        </div>
        <!-- /.card-body -->
    </div>
@endsection
@section('scripts')
    <script>
        var can_delete =
            @can('delete_maintenance_logs')
                true
            @else
                false
            @endcan
    </script>
    <script src="{{ url('js/admin/maintenance_logs.js') }}"></script>
@endsection