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

    <main id="" class="side_user">
        <!-- Hero -->
        <div class="bg-body-light ">
            <div class="content content-full">
                <div class="d-flex flex-column flex-sm-row justify-content-sm-between align-items-sm-center">
                    
                    
                </div>
            </div>
        </div>

        <!-- END Hero -->
       
    <div class="content">
        <div class="block block-rounded">
            <div class="block-header">
                <h4 class="block-title">Add Partner</h4>
            </div>

            <div class="block-content block-content-full">
                <div class="loader" id="loader" style="display: none;">
                    <div class="external-shadow">
                        <div class="central">
                            <div class="intern"></div>
                        </div>
                    </div>
                </div>

                <form action="{{ route('admin.store') }}" method="POST">
                    @csrf @method('POST')

                    <!-- Name -->

                    <div class="form-outline mb-4 col-8">
                        <label>Partner Name</label>

                        <input type="text" name="name" maxlength="255" minlength="3" required="required" value="{{ old('name') }}" class="form-control form-control-lg" placeholder="Enter Partner Name"></input>
                    </div>

                    @error('name')

                    <span class="text text-danger">{{ $message }}</span> @enderror
                    <div class="form-outline mb-4 col-8">
                        <label>Country of Orgin</label>

                        <input type="text" name="name" maxlength="255" minlength="3" required="required" value="{{ old('name') }}" class="form-control form-control-lg" placeholder="Enter Country Name"></input>
                    </div>

                    @error('name')

                    <span class="text text-danger">{{ $message }}</span> @enderror
                    <div class="form-outline mb-4 col-8">
                        <label>Industry Name</label>

                        <input type="text" name="name" maxlength="255" minlength="3" required="required" value="{{ old('name') }}" class="form-control form-control-lg" placeholder="Enter Industry"></input>
                    </div>

                    @error('name')

                    <span class="text text-danger">{{ $message }}</span> @enderror

                    <div class="form-outline mb-3 col-8">
                        <label for="">Partner Type</label>

                        <select class="form-control form-control-lg" name="role_id" id="role_id" required="required">
                            <option value="">Select Partner Type</option>

                            <option value="1">QR Code Restriction</option>

                            <option value="0">No Restriction</option>
                        </select>
                    </div>
                </form>
            </div>

            <div class="form-group pt-2">
                <a href="{{ Route('admin.index') }}">
                    <button type="button" class="backbtn">Back</button>
                </a>

                <button type="submit" id="submitted" class="addbtn">Submit</button>
            </div>
        </div>
    </div>
        </div>
    </main>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            document.getElementById('submitted').addEventListener('click', function(event) {
                event.preventDefault(); // Prevent the default behavior of the submit button
    
                // Display loader
                var loader = document.getElementById('loader');
                loader.style.display = 'flex';
    
                // Submit the form
                var form = document.querySelector('form');
                var formData = new FormData(form);
    
                // Simulate an asynchronous action (e.g., an AJAX request)
                setTimeout(function() {
                    // Once the action is completed (simulated with setTimeout), hide the loader
                    loader.style.display = 'none';
    
                    // Submit the form
                    form.submit();
                    
                    // Reload the admin.index page after form submission
                    window.location.href = '{{ Route("subscribers.index") }}';
                }, 2000); // Adjust the time (in milliseconds) as needed
            });
        });
    </script>
        
@endsection
@section('script')
    <script>
        function myPassword() {
            var x = document.getElementById("password1");
            if (x.type === "password") {
                x.type = "text";
            } else {
                x.type = "password";
            }
        }

        function myConfirmPassword() {
            var x = document.getElementById("password2");
            if (x.type === "password") {
                x.type = "text";
            } else {
                x.type = "password";
            }
        }
    </script>
@endsection