@extends('layouts.admin_master')

@section('title', 'Orders')

@section('page-title')
    <h1 class="page-title"><i class="fe fc-event-dot"></i> Test links</h1>
    <a href="{{ route('admin.test-links.create') }}" class="btn btn-success ml-auto">New test link</a>
@endsection

@section('content')

    @include('layouts.partials._messages')

    <div class="card">
        <div class="card-status bg-green"></div>
        <div class="card-header">
            <h3 class="card-title">Filter test links</h3>
            <div class="card-options">
                <a href="#" class="card-options-collapse" data-toggle="card-collapse"><i class="fe fe-chevron-up"></i></a>
            </div>
        </div>
        <div class="card-body">
            <form action="{{ route('admin.test-links.index') }}" method="get">
                <div class="row">
                    <div class="col-md-5">
                        <select class="form-control mr-4" name="is_available">
                            <option {{ request()->get('is_available') == 0 ? 'selected' : '' }} value="0">All</option>
                            <option {{ request()->get('is_available') == 1 ? 'selected' : '' }} value="1">Available</option>
                            <option {{ request()->get('is_available') == -1 ? 'selected' : '' }} value="-1">Un-available</option>
                        </select>
                    </div>
                    <div class="col-md-5">
                        <select class="form-control" name="option_id">
                            <option {{ request()->get('option_id') == 0 ? 'selected' : '' }} value="0">All</option>
                            @foreach($options as $option)
                                <option {{ request()->get('option_id') == $option->id ? 'selected' : ''}} value="{{ $option->id }}">{{ $option->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-2">
                        <button class="btn btn-outline-success form-control">Filter</button>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <div class="card">
        <div class="card-header d-flex justify-content-between">
            <h3 class="card-title">Options</h3>
        </div>
        <div class="table-responsive">
            <table class="table card-table table-hover table-outline table-vcenter table-striped table-bordered">
                <thead>
                <tr>
                    <th>Option</th>
                    <th>Link</th>
                    <th>Is available</th>
                    <th>Actions</th>
                </tr>
                </thead>
                <tbody>
                    @foreach ($testLinks as $testLink)
                        <tr>
                            <td>{{ optional($testLink->option)->name }}</td>
                            <td>{{ $testLink->link }}</td>
                            <td>{{ $testLink->is_available ? 'Yes' : 'No' }}</td>
                            <td>
                                <form method="post" style="display: inline-block;" action="{{ route('admin.test-links.destroy', $testLink->id) }}">
                                    @csrf
                                    @method('delete')
                                    <button type="submit" class="btn btn-outline-danger btn-sm">Delete</button>
                                </form>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endsection