@extends('layouts.app')

@section('content')
    <div class="container-fluid testkit-container">
        @if ($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
        @if(session()->has('success'))
            <div class="alert alert-success">
                {{ session()->get('success') }}
            </div>
        @endif
        <div class="row justify-content-center">
            <div class="col-md-12">
                <div class="card">
                    <form id="searchTestkit" action="{{ action('TestkitController@listTestkits') }}" method="get">
                        <div class="card-header">
                            <div>Find a test kit
                                <div class="refreshtime"><input type="submit" class="btn btn-primary" value="Search"></div>
                                <div class="ordersearch">Search for an order: <input type="search" name="search" value="@if (isset($_REQUEST['search'])){{$_REQUEST['search']}}@endif"></div>
                            </div>
                        </div>
                    </form>
                    <div class="card-body">
                        @if (session('status'))
                            <div class="alert alert-success" role="alert">
                                {{ session('status') }}
                            </div>
                        @endif
                        @if (isset($_REQUEST['search']))
                            <table id="testkit" class="table display table-striped table-bordered" style="width:100%;">
                                <thead>
                                    <tr>
                                        <th>Testkit ID</th>
                                        <th>Order ID</th>
                                        <th class="no-sort">Item Purchased</th>
                                        <th class="no-sort">Order Name</th>
                                        <th class="no-sort">Order Email</th>
                                        <th>Order Date</th>
                                        <th class="mob-width">Sample Name</th>
                                        <th class="mob-width no-sort">Sample Email</th>
                                        <th class="mob-width no-sort">Sample Phone</th>
                                        <th>Status</th>
                                        <th class="no-sort">Activation Code</th>
                                        <th class="no-sort">Report</th>
                                    </tr>
                                </thead>
                                <tbody>
    
                                @foreach($testkits AS $testkit)
                                    <tr data-testkit-id="">
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td>01/01/1970 00:00</td>
                                        <td><input class="sample" type="text" name="sample_name" value="" /></td>
                                        <td><input class="sample" type="text" name="sample_email" value="" /></td>
                                        <td><input class="sample" type="text" name="sample_phone" value="" /></td>
                                        <td></td>
                                        <td><a class="btn btn-grey openQrCode" data-toggle="modal" data-activation-code-number="" onClick="qrCode($(this))" data-target="#openQrCode">View</a></td>
                                        <td>
                                            <a target="_blank" href="