<div>
    <form wire:submit.prevent="send">
        <div class="form-row">
            <div class="col-lg-4 col-12 mt-2">
                <div class="input-group">
                    <div class="input-group-prepend">
                        <span class="input-group-text">موبایل</span>
                    </div>
                    <input type="text" class="form-control @error('mobile') is-invalid @enderror" dir="ltr" wire:model.defer="mobile">
                </div>
                @error('mobile')
                    <span class="text-danger" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>
            <div class="col-lg-4 col-12 mt-2">
                <div class="input-group">
                    <div class="input-group-prepend">
                        <span class="input-group-text">ایمیل</span>
                    </div>
                    <input type="email" class="form-control @error('email') is-invalid @enderror" dir="ltr" wire:model.defer="email">
                </div>
                @error('email')
                    <span class="text-danger" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>
            <div class="col-lg-3 col-12 mt-2">
                <div class="input-group">
                    <div class="input-group-prepend">
                        <span class="input-group-text">انقضا(ساعت)</span>
                    </div>
                    <input type="number" required min="1" max="168" class="form-control @error('expiration') is-invalid @enderror" wire:model.defer="expiration">
                </div>
                @error('expiration')
                    <span class="text-danger" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>
            <div class="col-lg-1 col-12 mt-2">
                <button class="btn btn-block btn-success" type="submit" wire:loading.attr="disabled">ارسال</button>
            </div>
        </div>
    </form>
    @if($link)
        <div class="alert alert-success alert-dismissible fade show mt-2" role="alert">
            <strong>لینک: </strong><a style="font-size: 12px;" href="{{ $link }}" class="alert-link">{{ $link }}</a>
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif
</div>