@extends('layouts.app')
@section('content')

<section class="right-sidebar" id="sidebarRight">
    <div class="addition-option">
        <div class="addition-option-top">
            <div class="addition-option-head">
                <h6>Set Addition Options</h6>
            </div>
            <div class="addition-option-main">
            <form  method="POST" action="{{ route('release.album.update.final', $release->id) }}" id="frmReleaseStepAlbumFinal" enctype="multipart/form-data">
            @csrf
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group addition-op">
                                <label class="form-label required" for="platform">Exclusive Platform :</label>
                                <select name="exclusive_on_shop" id="exclusive_on_shop" class="form-control" name="exclusive_on_shop" required>
                                <option value="">Select Shop</option>
                                @foreach($dsps as $dsp)
                                    <option value="{{ $dsp->id }}" @if($release->exclusive_on_shop == $dsp->id) selected @endif>
                                        {{ $dsp->name }}
                                    </option>
                                @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group addition-op">
                                <label class="form-label required" for="exclusive">Exclusive For :</label>

                                <select name="exclusive_for" id="exclusive_for" class="form-control" name="exclusive_for" required>
                                <option value="">Select Exclusive for</option>
                                <option value="2 weeks" @if($release->exclusive_for == "2 weeks") selected @endif>
                                    2 Weeks
                                </option>
                                <option value="4 weeks" @if($release->exclusive_for == "4 weeks") selected @endif>
                                    4 Weeks
                                </option>
                                <option value="8 weeks" @if($release->exclusive_for == "8 weeks") selected @endif>
                                    8 Weeks
                                </option>
                                <option value="lifetime" @if($release->exclusive_for == "lifetime") selected @endif>
                                lifetime
                                </option>
                            </select>
                            </div>
                        </div>
                    </div>

                    <div class="addition-form-check">
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" id="preOrder" name="on_itunes" value="1" @if($release->on_itunes == "1") checked @endif />
                            <label class="form-check-label" for="preOrder">Yes, allow pre-orders on iTunes</label>
                        </div>
                        <div class="form-check">
                            

                            <input class="form-check-input" type="checkbox" id="termsandconditioins" name="termsandconditioins" value="1">

                            <label class="form-check-label" for="preOrder"> <span>Please review all details below to ensure your releases is 100% correct !</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</label>
                        </div>
                    </div>

                    <div class="prev-save-btn">
                        <button class="prev">
                            <a href="{{ route('release.album.edit.track.previous') }}">Previous</a>
                        </button>
                        <button type="submit" class="next save">Save</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</section>

<script type="text/javascript">
    $(document).ready(function() {

        $("#frmReleaseStepAlbumFinal").validate({
            rules: {
                exclusive_on_shop: {
                    required: true
                },
                exclusive_for: {
                    required: true
                },
                termsandconditioins: {
                    required: true // This ensures the checkbox is checked
                }
            },
            messages: {
                exclusive_on_shop: {
                    required: "Exclusive shop field is required"
                },
                exclusive_for: {
                    required: "Exclusive For field is required"
                },
                termsandconditioins: {
                    required: "Please accept the terms and conditions!" // Error message for checkbox
                }
            },
            submitHandler: function(form) {
                $('#frm_submit_loading').show(); // Show loading spinner
                form.submit();
            },
            invalidHandler: function(event, validator) {
                $('#frm_submit_loading').hide(); // Hide loading spinner if form is invalid
            }
        });

    });
    </script>
@endsection