`<!--begin::Card header-->
<div class="card-header border-0 pt-6">
  <!--begin::Card title-->
  <div class="card-title">
      <!--begin::Search-->
      <div class="d-flex align-items-center position-relative my-1">
          {!! getIcon('magnifier', 'fs-3 position-absolute ms-5') !!}
          <input type="text" class="form-control form-control-solid w-250px ps-13" placeholder="Search" id="boardsSearchInput"/>
      </div>
      <!--end::Search-->
  </div>
  <!--begin::Card title-->

  <!--begin::Card toolbar-->
  <div class="card-toolbar">
      <!--begin::Toolbar-->
      <div class="d-flex justify-content-end" data-kt-user-table-toolbar="base">
          <!--begin::Add user-->
          <button type="button" class="btn btn-sm btn-primary" data-toggle="ajax-modal" data-title="{{__('Add As Task')}}" data-href={{route('admin.projects.boards.create', $project)}}>
              {!! getIcon('plus', 'fs-2', '', 'i') !!}
              Add Task
          </button>
          <!--end::Add user-->
      </div>
      <!--end::Toolbar-->

      <!--begin::Modal-->
      {{-- <livewire:user.add-user-modal></livewire:user.add-user-modal> --}}
      <!--end::Modal-->
  </div>
  <!--end::Card toolbar-->
</div>
<!--end::Card header-->

@push('scripts')
<script nonce="{{ csp_nonce() }}">
  document.getElementById('boardsSearchInput').addEventListener('keyup', function () {
    window.LaravelDataTables['scrum-board-tasks-table'].search(this.value).draw();
  });
</script>
@endpush