ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / lab2454c / omvstudio.com / resources / views / front / payment

@extends('front.layouts.master')
@section('title', 'Payment')
@section('content')

<div class="header__banner__main header__bnner__full__width">
    <div class="header__banner___overlay"></div>
    <div class="image__box">
        {{-- <img src="assets/images/kong-skull-island-movie-fan-art.jpg" alt="" /> --}}
        <img src="{{ isset($movie->cover_image) ? asset('storage/movies/'.$movie->cover_image) : '' }}" alt="" />
    </div>
    <div class="banner__content">
        <div class="container-fluid">
            <div class="banner__container__inner">
                <div class="banner__widgets">
                    <img src="{{ asset('front_assets/images/movie-title-img.jpg') }}" alt="" />
                </div>
            </div>
        </div>
    </div>
</div>
<div class="body__container__wrapp body__container__wrapp__inner">
    <form method="POST" action="{{ route('paymentMode') }}">
        @csrf

<div class="row">
                    <div class="col-md-12">
                        <nav>
                            <div class="nav nav-tabs mb-3" id="nav-tab" role="tablist">
                                <button class="nav-link active" id="nav-home-tab" data-bs-toggle="tab" data-bs-target="#nav-home" type="button" role="tab" aria-controls="nav-home" aria-selected="true">Subscription for Movies & Sports</button>
                                <button class="nav-link" id="nav-profile-tab" data-bs-toggle="tab" data-bs-target="#nav-profile" type="button" role="tab" aria-controls="nav-profile" aria-selected="false">Subscription for Muscians</button>

</div>
                        </nav>
                        <div class="tab-content p-3 border bg-light" id="nav-tabContent">
                            <div class="tab-pane fade active show" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
                                <div class="form-group form-floating form__group">
                                    <p style="text-align: left;">Select the Subscription type:</p>

<div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" name="payment_option" id="inlineRadio1"
                                            value="movies" checked="">
                                        <label class="form-check-label" for="inlineRadio1">Movies Unlimited</label>
                                    </div>
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" name="payment_option" id="inlineRadio2"
                                            value="sports">
                                        <label class="form-check-label" for="inlineRadio2">Live Sports Unlimited</label>
                                    </div>
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" name="payment_option" id="inlineRadio3"
                                            value="movies_sports">
                                        <label class="form-check-label" for="inlineRadio3">Movies & Sports Unlimited</label>
                                    </div>

<div class="form-check form-check-inline">
                                        <button type="submit" class="btn btn-success">Subscribe</button>
                                    </div>

</div>
                            </div>

<div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">
                                <div class="form-group form-floating form__group">
                                    <p style="text-align: left;">Select the Subscription type you want to choose:</p>

<div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" name="payment_option" id="inlineRadio3"
                                            value="musics">
                                        <label class="form-check-label" for="inlineRadio3">Music</label>
                                    </div>
                                    <div class="form-check form-check-inline">
                                        <button type="submit" class="btn btn-success">Subscribe</button>
                                    </div>

</div>
                            </div>
                            <div class="tab-pane fade" id="nav-contact" role="tabpanel" aria-labelledby="nav-contact-tab">
                                <p><strong>This is some placeholder content the Contact tab's associated content.</strong>
                                    Clicking another tab will toggle the visibility of this one for the next.
                                    The tab JavaScript swaps classes to control the content visibility and styling. You can use it with
                                    tabs, pills, and any other <code>.nav</code>-powered navigation.</p>

</div>
                        </div>

</div>
                   </div>

</div>
        </div>

</form>
</div>

@endsection

@push('frontend-styles')
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"
 integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
@endpush

{{-- <form method="POST" action="{{ route('paymentMode') }}">
    @csrf

<div class="multiple__radio__check">
                    <div class="form-group form-floating form__group">
                        <p style="text-align: left;">Select the Subscription type you want to choose:</p>
                        {{-- <input type="radio" id="movie" name="payment_option" value="movies" checked="">
                        <label for="movie">Only Movies</label>
                        <input type="radio" id="sport" name="payment_option" value="sports">
                        <label for="sport">Only Sports</label>
                        <input type="radio" id="movie_sport" name="payment_option" value="movies_sports">
                        <label for="movie_sport">Movies & Sports</label> --}}

{{-- <div class="form-check form-check-inline">
                            <input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="movies"
                                name="payment_option">
                            <label class="form-check-label" for="inlineCheckbox1">Only Movies</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="checkbox" id="inlineCheckbox2" value="sports"
                                name="payment_option">
                            <label class="form-check-label" for="inlineCheckbox2">Only Sports</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="checkbox" id="inlineCheckbox3" value="movies_sports"
                                name="payment_option">
                            <label class="form-check-label" for="inlineCheckbox3">Movies & Sports </label>
                        </div>
                    </div>

</div>
        </div>
    </div>

</form>

@endsection

@push('frontend-scripts')

@endpush --}}

[+] ..
[-] register-payment.blade.php [edit]
[-] upgrade-subscription.blade.php [edit]
[-] movie-payment.blade.php [edit]
[-] payment-option.blade.php [edit]