@extends('admin.layout.layout')
@section('content')
<main class="main">
    <section class="section-box shop-template mt-60">
        <div class="container">
            <div class="row mb-100">
                <div class="col-lg-1"></div>
                <div class="col-lg-5">
                    {{-- <h3>Categories</h3> --}}
                    <p class="font-md color-gray-500">{{ $title }}</p>
                    @if (Session::has('error_message'))
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <strong>Error! </strong> {{ Session::get('error_message')}}
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    @endif
                    @if (Session::has('success_message'))
                    <div class="alert alert-success alert-dismissible fade show" role="alert">
                        <strong>Well done! </strong> {{ Session::get('success_message')}}
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    @endif

                    @if ($errors->any())

                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                        @endforeach
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>

                    @endif
                    <form action="{{ route('save-subadmin')}}" method="post">
                        @csrf
                        <input type="hidden" name="type" value="{{ $type }}">
                        <div class="form-register mt-30 mb-30">
                            <div class="form-group">
                                <label class="mb-5 font-sm color-gray-700">First Name *</label>
                                <input type="text" name="first_name" class="form-control"  required>
                            </div>
                            <div class="form-group">
                                <label class="mb-5 font-sm color-gray-700">Last Name *</label>
                                <input type="text" name="last_name" class="form-control"  required>
                            </div>
                            <div class="form-group">
                                <label class="mb-5 font-sm color-gray-700">Email *</label>
                                <input type="text" name="email" class="form-control"  required>
                            </div>
                            <div class="form-group">
                                <label class="mb-5 font-sm color-gray-700">Mobile *</label>
                                <input type="number" name="mobile" class="form-control"  required>
                            </div>
                            <div class="form-group">
                                <input class="font-md-bold btn btn-buy" type="submit" value="Submit">
                            </div>
                        </div>
                    </form>
                </div>

            </div>
        </div>
    </section>
    <section class="section-box box-newsletter">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-7 col-sm-12">
                    <h3 class="color-white">Subscrible &amp; Get <span class="color-warning">10%</span> Discount</h3>
                    <p class="font-lg color-white">Get E-mail updates about our latest shop and <span class="font-lg-bold">special offers.</span></p>
                </div>
                <div class="col-lg-4 col-md-5 col-sm-12">
                    <div class="box-form-newsletter mt-15">
                        <form class="form-newsletter">
                            <input class="input-newsletter font-xs" value="" placeholder="Your email Address">
                            <button class="btn btn-brand-2">Sign Up</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
</main>

@endsection

@section('js')
<script>
    document.getElementById('holderField').style.display = 'block';
    document.getElementById('type').addEventListener('change', function() {
        if (this.value === 'select') {
            document.getElementById('optionsField').style.display = 'block';
            document.getElementById('holderField').style.display = 'none';
        } else {
            document.getElementById('optionsField').style.display = 'none';
            document.getElementById('holderField').style.display = 'block';
        }
    });
</script>
@endsection