@extends('layouts.master')
@section('title', $title)
@section('content')
    <section class="content" style="padding: 0px">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12" style="padding: 0;">
                    <div class="card">
                        <div class="box">
                            <div class="first-box">
                                <img src="{{ asset('images/settings.png') }}" />
                                <p>Activities</p>
                            </div>
                            <div class="second-box1">
                                <div class="checklist">
                                    <!-- <input type="checkbox" class="checkk"> Only My Job Orders -->
                                    <div class="label_head">
                                        <label> <a href="{{ route('activity.index') }}?date=today">Today</a> | <a
                                                href="{{ route('activity.index') }}?date=yesterday">Yesterday</a> | <a
                                                href="{{ route('activity.index') }}?date=lastweek">Last Week</a> | <a
                                                href="{{ route('activity.index') }}?date=lastmonth">Last Month</a> | <a
                                                href="{{ route('activity.index') }}?date=last6months">Last 6 Months</a>
                                            | <a href="{{ route('activity.index') }}">All</a>
                                        </label>
                                    </div>
                                </div>


                            </div>
                        </div>
                        <div class="card-body">
                            <table id="listTableOrder" class="table table-striped table-responsive activityTableList"
                                data-list="companiesListView">
                                <tfoot class="show-footer-above">
                                    <tr>
                                        <th>

                                        </th>
                                        @foreach ($columns as $key => $value)
                                            <th>{{ $value }} </th>
                                        @endforeach
                                    </tr>
                                </tfoot>
                                <thead>
                                    <tr>
                                        <th>
                                            <a href="javascript:void(0)" data-toggle="modal"
                                                data-target="#selectColumnsModel" id="colorChangeCol"><i
                                                    class="fa fa-table"></i></a>
                                        </th>
                                        @foreach ($columns as $key => $value)
                                            <th>{{ $value }}</th>
                                        @endforeach
                                    </tr>
                                </thead>
                                <tbody>
                                    @if (count($activities))
                                        @foreach ($activities as $row)
                                            <tr>
                                                <td>
                                                    <input class="form-select" type="checkbox" name="row_select"
                                                        id="{{ $row->activity_id }}">
                                                </td>
                                                <td>{{ $row->activity_id }}</td>
                                                <td>{{ !empty($row->created_at) ? $row->created_at : '' }}</td>
                                                <td>
                                                    @php
                                                        $candidate = $row->candidate;
                                                    @endphp
                                                    @if ($candidate)
                                                        <a target="_blank"
                                                            href="{{ route('candidates.view', ['id' => $candidate->candidate_id]) }}">{{ $candidate->first_name }}</a>
                                                    @endif
                                                </td>
                                                <td>
                                                    @if ($candidate)
                                                        <a target="_blank"
                                                            href="{{ route('candidates.view', ['id' => $candidate->candidate_id]) }}">{{ $candidate->last_name }}</a>
                                                    @endif
                                                </td>
                                                <td>{{ !empty($row->activity_type) ? $row->activity_type->description : '' }}
                                                </td>
                                                <td>{{ !empty($row->notes) ? $row->notes : '' }}</td>
                                                <td>{{ !empty($row->createdBy) ? $row->createdBy->name : '' }}</td>
                                                <td>
                                                    @php
                                                        $job_order = $row->job_order;
                                                    @endphp
                                                    @if ($job_order)
                                                        <a target="_blank"
                                                            href="{{ route('joborder.view', ['id' => $job_order->joborder_id]) }}">{{ $job_order->designation }}</a>
                                                    @endif
                                                </td>
                                            </tr>
                                        @endforeach
                                    @endif
                                </tbody>
                            </table>
                            <div class="col-md-2">
                                <div class="form-group">
                                    <input class="form-select radio1" type="checkbox" name="row_select_all"
                                        id="selectAllRows">
                                    <select class="form-customize listAction opt">
                                        <option value="">Action</option>
                                        <option value="export">Export</option>
                                    </select>
                                </div>
                            </div>
                            <div>
                                <form action="{{ route('activity.exportCSV') }}" method="POST" id="exportForm">
                                    @csrf
                                    <input type="hidden" name="export_ids" value="" id="exportIDs">
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <script src="https://code.jquery.com/jquery-3.5.1.min.js" crossorigin="anonymous"></script>
    <script>
        $(document).ready(function() {
            $('#listTableOrder tfoot th').each(function(i, el) {
                if (i === 0) {

                } else {
                    var title = $(this).text();
                    $(this).html('<input type="text" class="vancy1" style="width:100px;"/>');
                }

            });

            var table = $('#listTableOrder').DataTable({
                "bInfo": false,
                initComplete: function() {
                    // Apply the search
                    this.api()
                        .columns()
                        .every(function() {
                            var that = this;

                            $('input', this.footer()).on('keyup change clear', function() {
                                if (that.search() !== this.value) {
                                    that.search(this.value).draw();
                                }
                            });
                        });
                },
            });
        });
    </script>
    <style>
        .show-footer-above {
            display: table-row-group;

        }

        .content-wrapper .content a {
            color: #050d9e;
        }

        .searchbox {
            margin-right: 100px;
        }

        .odd {
            background-color: rgba(0, 0, 0, .05) !important;
        }

        .vancy1 {
            display: flex;
            align-items: center;
            justify-content: space-between !important;
            border-radius: 20px;
            width: 400px;
            font-size: 14px;
            font-family: sans-serif;
            padding: 0 20px;
            height: 29px;
            border-color: #becfda;
        }

        .first-box {
            padding: 25px 0 0 25px;
        }

        .table {
            display: table;
        }

        .second-box1 {
            width: 68%;
            display: grid;
            margin-top: 35px;
        }

        .label_head label {
            font-size: 18px;
            padding-top: 7px;
        }
    </style>
@endsection