@extends('layouts.admin.app')

@push('style')
    <link rel="stylesheet" href="/assets/vendor/libs/select2/select2.css" />
    <link rel="stylesheet" href="/assets/vendor/libs/bootstrap-select/bootstrap-select.css" />
    <link rel="stylesheet" href="/assets/vendor/libs/flatpickr/flatpickr.css" />
@endpush

@section('content')
<div class="card">
    <div class="card-header d-flex justify-content-between">
        <h5 class="card-title">Logs</h5>
        <form class="d-flex pe-5 w-20" action="{{route('dashboard.logs.index')}}" method="GET">
            <select id="type" name="type[]" class="selectpicker w-100" data-style="btn-default" data-actions-box="true" data-placeholder="Select Types" data-live-search="true" multiple>
                @foreach ($types as $type)
                   <option value="{{$type->type}}" @if(!empty(request('type')) && in_array($type->type, request('type'))) selected @endif>{{$type->type}}</option>
                @endforeach
            </select>
            <button type="submit" class="ms-2 btn btn-m btn-icon btn-success rounded"><i class="ti ti-search"></i></button>
        </form>
    </div>
    <div class="table-responsive text-nowrap">
        <table class="table">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>User</th>
                    <th>Lead</th>
                    <th>Transaction</th>
                    {{-- <th>Trade</th> --}}
                    <th>Status (From)</th>
                    <th>Status (To)</th>
                    <th>Type</th>
                    <th>Message</th>
                    <th>Time</th>
                </tr>
            </thead>
            <tbody class="table-border-bottom-0">
                @forelse ($notifications as $log)
                <tr>
                    <td>{{$log->id}}</td>
                    <td>{{$log->user ? $log->user->name : 'No User'}}</td>
                    <td>{{$log->lead ? $log->lead->first_name.' '.$log->lead->last_name : 'No Lead'}}</td>
                    <td>{{$log->transaction ? $log->transaction->amount : 'No Transaction'}}</td>
                    {{-- <td>{{$log->trade ? $log->trade->id : 'No Trade'}}</td> --}}
                    <td>{{$log->from ? $log->from->name : 'No Status'}}</td>
                    <td>{{$log->to ? $log->to->name : 'No Status'}}</td>
                    <td>{{$log->type}}</td>
                    <td>{{$log->message}}</td>
                    <td>{{$log->created_at}}</td>
                </tr>
                @empty
                    <tr>No logs yet!</tr>
                @endforelse
            </tbody>
        </table>
    </div>
    {{$notifications->withQueryString()->links('layouts.components.pagination')}}
</div>

@endsection


@push('script')
<script src="/assets/vendor/libs/select2/select2.js"></script>



<script src="/assets/js/forms-selects.js"></script>
<script src="/assets/js/cards-actions.js"></script>
<script src="/assets/vendor/js/sweet.js"></script>

@endpush