@extends('backend.layout.masterlayout')
@section('content')
@include('backend.partial.sidebar')
@include('backend.partial.topbar')
<!--page-wrapper-->
<div class="page-wrapper">
    <!--page-content-wrapper-->
    <div class="page-content-wrapper">
        <div class="page-content">
            <div class="row">
                <div class="col-xl-6 mx-auto">
                    <h5 class="mb-0 text-primary"></h5>
                    <div class="card border-top border-0 border-4 border-primary">
                        <div class="card-body">
                            <div class="card-title d-flex align-items-center">
                                <h6 class="mb-0 text-primary"><b>Step 02 - Upload Theme Assets</b> </h6>
                            </div>
                            <hr>

                            <form class="row g-3" action="{{route('post-create-theme-step-2')}}" method="POST" enctype="multipart/form-data">
                                @csrf
                                <input type="hidden" class="form-control form-control-sm mt-2" id="inputFirstName" name="theme_slug" value="{{$slug}}" required/>
                                <div class="col-md-12">
                                    <label for="inputFirstName" class="form-label">Upload Assets<span style="color: red;">*</span> <span class="badge bg-secondary" style="font-weight:100;">You have to upload the compressed file of the assets here.</span></label>
                                    <input type="file" class="form-control form-control-sm mt-2" id="inputFirstName" name="theme_assets" autofocus required/>
                                </div>
                                <div class="col-12 pt-2">
                                    <button type="submit" class="btn btn-primary px-3 btn-sm">Next</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--end page-content-wrapper-->
</div>
<!--end page-wrapper-->
<!--start overlay-->
<div class="overlay toggle-btn-mobile"></div>
<!--end overlay-->
<!--Start Back To Top Button-->
<a href="javaScript:;" class="back-to-top"><i class='bx bxs-up-arrow-alt'></i></a> @include('backend.partial.dashboard_footer')
@endsection
@section('script')
@endsection