<turbo-stream action="update" target="ordering_guide"><template><article class="p-2 lg:p-0 lg:flex shadow-md hover:shadow-lg bg-white rounded group border border-gray-300 hover:border-gray-400 mb-4">
<div class="lg:p-3">
<a data-turbo-frame="_top" href="/products/the-other-room"><div class="w-24 lg:w-48 mb-2 lg:mb-0 aspect-square animate-pulse bg-gray-200 rounded" data-controller="image-loading">
<img class="group-hover:scale-105 transition-all mx-auto" alt="The Other Room Christian Kiley Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mjc0NzMsInB1ciI6ImJsb2JfaWQifX0=--725f0a3a47255afe313f07f3d17f8f6d9240c610/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/missing_logo.png" />
</div>
</a></div>
<div class="lg:p-3 flex-1 flex flex-col justify-between">
<div class="block">
<h2 class="mb-2 font-extrabold text-2xl text-blue-900 hover:text-blue-700">
<a data-turbo-frame="_top" href="/products/the-other-room">The Other Room</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Christian Kiley
</small>
</div>
<p class="mb-3">
Dad is recovering from cancer and heavy chemotherapy treatments in the other room. It has become a dark corner of the house, especially for Mary, who rarely goes in there.
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 20 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
4&nbsp;M + 3&nbsp;F
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools
</li>
</ul>
</div>
</div>
<div class="space-y-2">
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/the-other-room">Learn More
</a><a class="btn btn-light btn-block" data-turbo-frame="_top" data-action="click-&gt;site#openModal:prevent" data-site-url-param="/products/the-other-room/pricing" data-modal="pricing" href="/products/the-other-room">Pricing
</a></div>
<button class="btn btn-light btn-block inline-flex items-center justify-center gap-2" data-action="click-&gt;site#openModal" data-modal="pdf-viewer-238" id="preload-pdf-viewer-238" type="button">
<i aria-hidden="true" class="fa-solid fa-book-reader"></i>
Read a free excerpt
</button>
</div>
<div class="mt-3 lg:hidden flex justify-center flex-wrap text-center">
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/the-other-room/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 20 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
4&nbsp;M + 3&nbsp;F
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/the-other-room/order" type="button">
Add to Cart
</button>

</div>
<div aria-labelledby="pdf-viewer-238-modal-heading" aria-modal="true" data-controller="modal" data-modal-allow-background-close id="pdf-viewer-238Modal" role="dialog">
<div class="hidden opacity-0 transition-opacity duration-200 ease-out fixed inset-0 overflow-y-auto flex items-center justify-center" data-action="click-&gt;modal#closeBackground keyup@window-&gt;modal#closeWithKeyboard keydown@window-&gt;modal#trapFocus" data-modal-target="container" style="z-index: 9999;">
<div class="max-h-dvh w-full sm:max-w-xl md:max-w-5xl relative mx-auto opacity-0 scale-95 -translate-y-2 transition duration-200 ease-out" data-modal-target="panel">
<div class="m-1 bg-white rounded shadow relative pt-8 flex flex-col" style="max-height: calc(100dvh - 0.5rem);">
<button aria-label="Close" class="absolute top-0 right-0 inline-flex items-center justify-center w-11 h-11 hover:text-gray-900 text-gray-700 cursor-pointer font-semibold text-lg bg-transparent border-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sky-500 rounded" data-action="click-&gt;modal#close" type="button">
<i aria-hidden="true" class="fa-solid fa-times"></i>
</button>
<div class="p-2 lg:p-4 xl:p-6 overflow-y-auto min-h-0">
<div aria-live="polite" class="text-center text-2xl my-10 hidden" data-modal-target="loadingIndicator" role="status">
Loading...
<br>
<i aria-hidden="true" class="fa-solid fa-spinner fa-2x fa-pulse"></i>
</div>
<div data-modal-target="content">
<div data-controller="pdf-viewer" data-pdf-viewer-preload-selector-value="#preload-pdf-viewer-238" data-pdf-viewer-url-value="/products/the-other-room/sample.pdf">
<div class="mb-4">
<h2 class="text-2xl font-bold text-center" id="pdf-viewer-238-modal-heading">
The Other Room
</h2>
<p class="text-center text-gray-600">Sample Excerpt</p>
</div>
<div class="hidden bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4" data-pdf-viewer-target="error"></div>
<div class="sticky top-0 z-10 flex justify-end items-center mb-4 bg-gray-100 p-3 rounded shadow">
<div class="flex gap-2">
<button aria-label="Print" class="btn btn-light btn-sm hidden" data-action="click-&gt;pdf-viewer#print" data-pdf-viewer-target="printBtn" type="button">
<i aria-hidden="true" class="fa-solid fa-print"></i>
</button>
<button aria-label="Zoom out" class="btn btn-light btn-sm" data-action="click-&gt;pdf-viewer#zoomOut" type="button">
<i aria-hidden="true" class="fa-solid fa-search-minus"></i>
</button>
<button aria-label="Zoom in" class="btn btn-light btn-sm" data-action="click-&gt;pdf-viewer#zoomIn" type="button">
<i aria-hidden="true" class="fa-solid fa-search-plus"></i>
</button>
</div>
</div>
<div class="flex flex-col items-center justify-center py-16 text-gray-700" data-pdf-viewer-target="loading">
<div class="animate-spin rounded-full h-10 w-10 border-4 border-gray-200 border-t-blue-500 mb-3"></div>
<p class="text-sm">Loading&hellip;</p>
</div>
<div class="hidden border border-gray-300 rounded overflow-auto bg-gray-50" data-pdf-viewer-target="container" style="max-height: 65vh;">
</div>
<div class="mt-4 text-center bg-blue-50 p-4 rounded">
<p class="mb-2 font-semibold">Want to learn more?</p>
<button class="btn btn-primary" data-action="click-&gt;modal#close">
<i aria-hidden="true" class="fa-solid fa-times-circle"></i>
&nbsp;
Close &amp; View Details
</button>
</div>
</div>

</div>
</div>
<div class="flex justify-center items-center flex-wrap mt-6 bg-sky-50 py-1">
<button class="btn btn-light btn-sm" data-action="click-&gt;modal#close">
Close
</button>
</div>
</div>
</div>
</div>
</div>

</article>

<h3>I am ordering for...</h3>
<div class="mb-6" data-controller="toggle">
<button class="btn btn-light btn-lg btn-block" data-action="toggle#toggle" type="button">
Perusal / Preview
</button>
<div class="mt-4" data-toggle-target="toShow">
<h4>
<i aria-hidden="true" class="fa-regular fa-check-circle"></i>
Pricing for Perusal (no performance or audience)
</h4>
<p class="text-xl">
Do you prefer Physical Scripts (traditional scripts that come in the
mail) or Digital Scripts (PDF files that you can download and print
on your own)?
</p>
<div data-controller="toggle">
<button class="font-lg bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900 underline" data-action="toggle#toggle" type="button">
Prefer Physical Scripts
</button>
<div class="mt-4" data-toggle-target="toShow">
<div class="card-basic">
<h5 class="text-base font-bold mb-3">
<i aria-hidden="true" class="fa-regular fa-check-circle"></i>
Not Ordering for Production, Physical Scripts
</h5>
<ul class="fa-ul">
<li>
<i aria-hidden="true" class="fa-regular fa-check-square fa-li"></i>
Order one script for each person who needs one.
<strong>Copying scripts is not permitted.</strong>
</li>
<li>
<i aria-hidden="true" class="fa-regular fa-check-square fa-li"></i>
Professionally printed and bound book.
</li>
<li>
<i aria-hidden="true" class="fa-regular fa-check-square fa-li"></i>
Comes in the mail.
</li>
<li>
<i aria-hidden="true" class="fa-regular fa-check-square fa-li"></i>
Shipping fees apply.
</li>
<li>
<i aria-hidden="true" class="fa-regular fa-check-square fa-li"></i>
Yours to keep forever. You do not have to return it.
</li>
<li>
<i aria-hidden="true" class="fa-regular fa-check-square fa-li"></i>
<strong>
Does not include performance rights or permission to copy or distribute.
</strong>
</li>
</ul>
<a data-turbo-frame="_top" class="btn btn-primary" href="/products/the-other-room/order"><i aria-hidden="true" class="fa-regular fa-shopping-cart"></i>
Click to Order Now
</a></div>
</div>
</div>
<div data-controller="toggle">
<button class="font-lg bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900 underline" data-action="toggle#toggle" type="button">
Prefer Digital Scripts
</button>
<div class="mt-4" data-toggle-target="toShow">
<div class="card-basic">
<h5 class="text-base font-bold mb-3">
<i aria-hidden="true" class="fa-regular fa-check-circle"></i>
Not Ordering for Production, Digital Scripts
</h5>
<ul class="fa-ul">
<li>
<i aria-hidden="true" class="fa-regular fa-check-square fa-li"></i>
Order the <strong>Printable PDF</strong> option.
</li>
<li>
<i aria-hidden="true" class="fa-regular fa-check-square fa-li"></i>
Comes as a printable PDF file that you print yourself. If you lose your PDF file we’ll replace it for free.
</li>
<li>
<i aria-hidden="true" class="fa-regular fa-check-square fa-li"></i>
Delivered online instantly. No delivery charges.
</li>
<li>
<i aria-hidden="true" class="fa-regular fa-check-square fa-li"></i>
Licensed to print one time for personal use. Contact us if you wish to make copies for classroom or production use.
</li>
</ul>
<a data-turbo-frame="_top" class="btn btn-primary" href="/products/the-other-room/order"><i aria-hidden="true" class="fa-regular fa-shopping-cart"></i>
Click to Order Now
</a></div>
</div>
</div>
</div>
</div>
<div class="mb-6" data-controller="toggle">
<button class="btn btn-light btn-lg btn-block" data-action="toggle#toggle" type="button"><span>A Production</span></button>
<div class="mt-4" data-toggle-target="toShow">
<h4>
<i aria-hidden="true" class="fa-regular fa-check-circle"></i>
A Production
</h4>
<p class="text-xl">
Do you prefer Physical Scripts (traditional scripts that come in the
mail) or Digital Scripts (PDF files that you can download and print
on your own)?
</p>
<div data-controller="toggle">
<button class="font-lg bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900 underline" data-action="toggle#toggle" type="button">
Prefer Physical Scripts
</button>
<div class="mt-4" data-toggle-target="toShow">
<div class="card-basic">
<h5 class="text-base font-bold mb-3">
<i aria-hidden="true" class="fa-regular fa-check-circle"></i>
Ordering for Production, Physical Scripts
</h5>
<div class="card-basic text-center mb-3 bg-sky-50">
<div>
<h5 class="card-title text-base font-bold mb-0">Production = Scripts + Royalties</h5>
<p class="card-text">
The two main things you need to perform a play are Scripts and Royalties
</p>
</div>
</div>

<p class="text-lg font-bold">Physical Scripts</p>
<ul class="fa-ul">
<li>
<i aria-hidden="true" class="fa-regular fa-check-square fa-li"></i>
Order one Physical Script for each person who needs one (e.g. cast, crew, judges).
<strong>Copying scripts is not permitted.</strong>
</li>
<li>
<i aria-hidden="true" class="fa-regular fa-check-square fa-li"></i>
Professionally printed and bound book.
</li>
<li>
<i aria-hidden="true" class="fa-regular fa-check-square fa-li"></i>
Comes in the mail.
</li>
<li>
<i aria-hidden="true" class="fa-regular fa-check-square fa-li"></i>
Shipping fees apply.
</li>
<li>
<i aria-hidden="true" class="fa-regular fa-check-square fa-li"></i>
Lost scripts must be replaced by ordering a new copy from Theatrefolk.
</li>
<li>
<i aria-hidden="true" class="fa-regular fa-check-square fa-li"></i>
Physical scripts can be reused for future productions.
</li>
</ul>
<p class="text-lg font-bold">Royalties</p>
<ul class="fa-ul">
<li>
<i aria-hidden="true" class="fa-regular fa-check-square fa-li"></i>
Order one royalty for each performance being given.
<strong>e.g. 3 performances = 3 royalty fees.</strong>
</li>
<li>
<i aria-hidden="true" class="fa-regular fa-check-square fa-li"></i>
Royalties apply to all performances, whether or not admission is charged.
</li>
<li>
<i aria-hidden="true" class="fa-regular fa-check-square fa-li"></i>
Listed rates apply to non-professional productions. Contact us for professional performance information.
</li>
</ul>
<p class="text-lg font-bold">Videorecording License (Optional)</p>
<ul class="fa-ul">
<li>
<i aria-hidden="true" class="fa-regular fa-check-square fa-li"></i>
Available with all of our titles.
</li>
<li>
<i aria-hidden="true" class="fa-regular fa-check-square fa-li"></i>
Allows you to make a non-commercial videorecording of your production for your personal or archival use, subject certain terms and conditions.
</li>
<li>
<i aria-hidden="true" class="fa-regular fa-check-square fa-li"></i>
<a href="/pdf/VideoLicense.pdf">Download a sample videorecording license.
</a></li>
<li>
<i aria-hidden="true" class="fa-regular fa-check-square fa-li"></i>
<strong>Videorecording Licenses can only be ordered <u>in conjunction with performance rights</u>.</strong>
</li>
</ul>

<a data-turbo-frame="_top" class="btn btn-primary" href="/products/the-other-room/order"><i aria-hidden="true" class="fa-regular fa-shopping-cart"></i>
Click to Order Now
</a></div>
</div>
</div>
<div data-controller="toggle">
<button class="font-lg bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900 underline" data-action="toggle#toggle" type="button">
Prefer Digital Scripts
</button>
<div class="mt-4" data-toggle-target="toShow">
<div class="card-basic">
<h5 class="text-base font-bold mb-3">
<i aria-hidden="true" class="fa-regular fa-check-circle"></i>
Ordering for Production, Digital Scripts
</h5>
<div class="card-basic text-center mb-3 bg-sky-50">
<div>
<h5 class="card-title text-base font-bold mb-0">Production = Scripts + Royalties</h5>
<p class="card-text">
The two main things you need to perform a play are Scripts and Royalties
</p>
</div>
</div>

<p class="text-lg font-bold">Digital Scripts</p>
<ul class="fa-ul">
<li>
<i aria-hidden="true" class="fa-regular fa-check-square fa-li"></i>
Order the <strong>Script Distribution License</strong>. No need to purchase a seperate physical book or PDF, the Script Distribution License gives you everything you need to print and copy the script.
</li>
<li>
<i aria-hidden="true" class="fa-regular fa-check-square fa-li"></i>
Comes as a printable PDF file that you print and copy yourself. If you lose your PDF file we’ll replace it for free.
</li>
<li>
<i aria-hidden="true" class="fa-regular fa-check-square fa-li"></i>
Licensed to copy for your director, cast, design team, stage management, judge/adjudicator. Some restrictions apply. Please ask us if you intend to make copies for any other use.
</li>
<li>
<i aria-hidden="true" class="fa-regular fa-check-square fa-li"></i>
<strong>Can only be ordered <u>in conjunction with performance rights</u>.</strong>
</li>
</ul>
<p class="text-lg font-bold">Royalties</p>
<ul class="fa-ul">
<li>
<i aria-hidden="true" class="fa-regular fa-check-square fa-li"></i>
Order one royalty for each performance being given.
<strong>e.g. 3 performances = 3 royalty fees.</strong>
</li>
<li>
<i aria-hidden="true" class="fa-regular fa-check-square fa-li"></i>
Royalties apply to all performances, whether or not admission is charged.
</li>
<li>
<i aria-hidden="true" class="fa-regular fa-check-square fa-li"></i>
Listed rates apply to non-professional productions. Contact us for professional performance information.
</li>
</ul>
<p class="text-lg font-bold">Videorecording License (Optional)</p>
<ul class="fa-ul">
<li>
<i aria-hidden="true" class="fa-regular fa-check-square fa-li"></i>
Available with all of our titles.
</li>
<li>
<i aria-hidden="true" class="fa-regular fa-check-square fa-li"></i>
Allows you to make a non-commercial videorecording of your production for your personal or archival use, subject certain terms and conditions.
</li>
<li>
<i aria-hidden="true" class="fa-regular fa-check-square fa-li"></i>
<a href="/pdf/VideoLicense.pdf">Download a sample videorecording license.
</a></li>
<li>
<i aria-hidden="true" class="fa-regular fa-check-square fa-li"></i>
<strong>Videorecording Licenses can only be ordered <u>in conjunction with performance rights</u>.</strong>
</li>
</ul>

<a data-turbo-frame="_top" class="btn btn-primary" href="/products/the-other-room/order"><i aria-hidden="true" class="fa-regular fa-shopping-cart"></i>
Click to Order Now
</a></div>
</div>
</div>
</div>
</div>
<div class="mb-6" data-controller="toggle">
<button class="btn btn-light btn-lg btn-block" data-action="toggle#toggle" type="button">
Classroom Use (no performance or audience)
</button>
<div class="mt-4" data-toggle-target="toShow">
<h4>
<i aria-hidden="true" class="fa-regular fa-check-circle"></i>
Classroom Use (no performance or audience)
</h4>
<p class="text-xl">
Do you prefer Physical Scripts (traditional scripts that come in the
mail) or Digital Scripts (PDF files that you can download and print
on your own)?
</p>
<div data-controller="toggle">
<button class="font-lg bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900 underline" data-action="toggle#toggle" type="button">
Prefer Physical Scripts
</button>
<div class="mt-4" data-toggle-target="toShow">
<div class="card-basic">
<h5 class="text-base font-bold mb-3">
<i aria-hidden="true" class="fa-regular fa-check-circle"></i>
Classroom Use, Physical Scripts
</h5>
<ul class="fa-ul">
<li>
<i aria-hidden="true" class="fa-regular fa-check-square fa-li"></i>
Order one script for each person who needs one.
<strong>Copying scripts is not permitted.</strong>
</li>
<li>
<i aria-hidden="true" class="fa-regular fa-check-square fa-li"></i>
Professionally printed and bound book.
</li>
<li>
<i aria-hidden="true" class="fa-regular fa-check-square fa-li"></i>
Comes in the mail.
</li>
<li>
<i aria-hidden="true" class="fa-regular fa-check-square fa-li"></i>
Shipping fees apply.
</li>
<li>
<i aria-hidden="true" class="fa-regular fa-check-square fa-li"></i>
Yours to keep forever. You do not have to return it.
</li>
<li>
<i aria-hidden="true" class="fa-regular fa-check-square fa-li"></i>
<strong>
Does not include performance rights or permission to copy or distribute.
</strong>
</li>
</ul>
<a data-turbo-frame="_top" class="btn btn-primary" href="/products/the-other-room/order"><i aria-hidden="true" class="fa-regular fa-shopping-cart"></i>
Click to Order Now
</a></div>
</div>
</div>
<div data-controller="toggle">
<button class="font-lg bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900 underline" data-action="toggle#toggle" type="button">
Prefer Digital Scripts
</button>
<div class="mt-4" data-toggle-target="toShow">
<div class="card-basic">
<h5 class="text-base font-bold mb-3">
<i aria-hidden="true" class="fa-regular fa-check-circle"></i>
Classroom Use, Digital Scripts
</h5>
<ul class="fa-ul">
<li>
<i aria-hidden="true" class="fa-regular fa-check-square fa-li"></i>
Order the <strong>Script Distribution License for Classroom Use</strong> option. No need to purchase a seperate physical book or PDF, the Script Distribution License for Classroom use gives you everything you need to print and copy the script.
</li>
<li>
<i aria-hidden="true" class="fa-regular fa-check-square fa-li"></i>
Comes as a printable PDF file licensed to copy for your students.
</li>
<li>
<i aria-hidden="true" class="fa-regular fa-check-square fa-li"></i>
Delivered online instantly. No delivery charges.
</li>
</ul>
<a data-turbo-frame="_top" class="btn btn-primary" href="/products/the-other-room/order"><i aria-hidden="true" class="fa-regular fa-shopping-cart"></i>
Click to Order Now
</a></div>
</div>
</div>
</div>
</div>

</template></turbo-stream>