@section('actions_toolbar')
    <a id="export" class="btn btn-sm btn-light-success font-weight-bolder">
        <span class="far fa-file-export fa-lg"></span> Export</a>&nbsp;
    <a id="import" class="btn btn-sm btn-light-danger font-weight-bolder">
        <span class="far fa-file-import fa-lg"></span> Import </a>&nbsp;

    {{--<a href="{{route('conditions.create')}}" class="btn btn-sm btn-light-primary font-weight-bolder">
        <span class="far fa-plus fa-lg"></span> New Condition </a>&nbsp;--}}
@endsection
<style>
    .select2-container {
        width: 100% !important;
        padding: 0;
    }
</style>
<x-base-layout>
    <div class="container">
        <div class="card">
            <div class="card-header">
                <div class="card-title">
                    <span class="card-icon">
                        <i class="far fa-filter text-primary"></i>
                    </span>
                    <h4 class="card-label">Filter:</h4>
                    <select id="project" class="form-control select2">
                        @foreach($projects as $project)
                            <option value="{{ $project->id }}">
                                {{ $project->name_en }} </option>
                        @endforeach
                    </select>
                    <div class="ml-5"></div>
                    <select id="statuses" class="form-control select2 ">
                        <option selected disabled class="text-gray-800"> Select an status</option>
                        <option value=""> All</option>
                        @foreach($statuses as $status)
                            <option value="{{ $status->id }}">
                                {{ $status->name_en }} </option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="card-body">
                <table class="table data-table" id="data-table"></table>
            </div>
        </div>
    </div>
</x-base-layout>

@include('dashboard.conditions.js')