@extends('admin.layouts.master')
@section('title') Aramian Brother`s Jewelry @endsection

@section('content')
@include('admin.layouts.topbar')
@include('admin.layouts.sidebar')

    @if (session('success'))
        <div class="alert alert-success">
            {{ session('success') }}
        </div>
    @endif
    @if (session('error'))
        <div class="alert alert-danger">
            {{ session('error') }}
        </div>
    @endif
    @if($errors)
        @foreach ($errors->all() as $error)
            <div class="alert alert-danger">{{ $error }}</div>
        @endforeach
    @endif
<main id="main" class="p-4">
    <section class="content">
        <div class="row">
            <div class="col-md-12">
                <div class="card box-info">
                    <div class="card-header with-border">
                        <h3 class="card-title">Create</h3>
                        <div class="card-tools">
                            <div class="btn-group">
                                <a href="{{route('adminpanel.collection.index')}}" class="btn btn-sm btn-default btn-light me-2" title="List"><i class="icon-list"></i><span class="hidden-xs">&nbsp;List</span></a>
                            </div>
                        </div>
                    </div>
                    <form id="form-66cb210601fdb" method="post" action="{{route('adminpanel.collection.store')}}" autocomplete="off" class="form-horizontal form default-valid model-form-66cb210601eb5 has-ajax-handler" accept-charset="UTF-8" pjax-container="1">
                        <div class="card-body p-0">
                            <div class="row fields-group">
                                <div class="col-md-12">
                                    <div class="form-group row  ">
                                        <div class="col-sm-1"></div>
                                        <div class="col-sm-8">
                                            <label for="name" class=" form-label">Collection name</label>
                                            <div class="input-group">
                                                <span class="input-group-text with-icon"><i class="icon-pencil-alt"></i></span>
                                                <input type="text" id="name" name="name" value="" class="form-control name" placeholder="Input Collection name">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group row  ">
                                        <div class="col-sm-1"></div>
                                        <div class="col-sm-8">
                                            <label for="name" class=" form-label">Main Menu</label>
                                            <select class="form-select" style="width: 100%;" name="main_menu_id">
                                                @foreach ($mainMenu as $key => $mainMenuVal)
                                                    <option value="{{$mainMenuVal->id}}" >
                                                        {{$mainMenuVal->name}}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group row  ">
                                        <div class="col-sm-1"></div>
                                        <div class="col-sm-8">
                                            <label for="status" class=" form-label">Status</label>
                                            <div class="form-check form-switch">
                                                <input type="hidden" name="status" id="status" value="1">
                                                <input class="form-check-input status" name="status_cb" type="checkbox" id="status_cb" checked="" onchange="document.querySelector('#status').value = (this.checked ? 'on' : 'off')">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @include('admin.layouts.footer')
                    </form>
                </div>
            </div>
        </div>
    </section>
    {{-- </div>
    </div> --}}
</main>
<button id="totop" title="Go to top" style="display: none;"><i class="icon-chevron-up"></i></button>
    {{-- </div> --}}