Alpine.js checkbox2 disabled and unchecked until checkbox1 checked

[Shadecute]

<div x-data="{accept: false}">
   <input type="checkbox" x-model="accept" name="accept" id="accept" >
    <input type="checkbox"  x-bind:disabled="!accept" name="accept2" id="accept2" >
</div>

I use this code and I want the second checkbox to be unchecked and disabled when the first checkbox is disabled,Currently only disabled not unchecked.
How can I disable and unchecked the second checkbox When the first checkbox is unchecked?

[SimoTod]

You can use x-effect:

<div x-data="{accept: false}">
   <input type="checkbox" x-model="accept" name="accept" id="accept" >
   <input type="checkbox" x-bind:disabled="!accept" name="accept2" id="accept2" x-effect="if(!accept) $el.checked = false">
</div>

[Shadecute]

Thank you very much for your help, my problem was solved, alpine js is really amazing