@props(['session'])
<div class="pt-6 border-b pb-6 flex items-center justify-center gap-x-10">
    <button class="rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500
                    focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 px-5 py-2.5"
            onclick="window.startRecording({{$session}})">
        Create recording
    </button>
    <form action="/recordings/{{$session}}" method="POST" id="empty-recording" class="hidden">
        @csrf
        @method('POST')
    </form>
    <form action="/recordings/{{$session}}/upload" method="POST" id="recording" class="hidden">
        @csrf
        @method('POST')
    </form>
    <button
        data-modal-target="modal"
        data-modal-toggle="modal"
        class="dwr block hover:text-white rounded-md border-2 border-indigo-600 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
        type="button"
    >
        Create bugreport
    </button>
    <button
        data-modal-target="modalT"
        data-modal-toggle="modalT"
        class="block hover:text-white rounded-md border-2 border-indigo-600 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
        type="button"
    >
        Add note
    </button>
</div>