@extends('users-area.layouts.app')

@section('title', 'Add Theme')

@section('content')
    <div class="card bg-light-info shadow-none position-relative overflow-hidden">
        <div class="card-body px-4 py-3">
            <div class="row align-items-center">
                <div class="col-9">
                    <h4 class="fw-semibold mb-8">Theme</h4>
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item">
                                <a class="text-muted " href="{{ route('users-area.index') }}">Home</a>
                            </li>
                            <li class="breadcrumb-item" aria-current="page">
                                Theme
                            </li>
                            <li class="breadcrumb-item" aria-current="page">
                                Add Theme
                            </li>
                        </ol>
                    </nav>
                </div>
                <div class="col-3">
                    <div class="text-center mb-n5">
                        <img src="{{ asset('users-area-template/images/breadcrumb/ChatBc.png') }}" alt="" class="img-fluid mb-n4">
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-body">
            <form action="{{ route('users-area.theme.store') }}" method="POST" enctype="multipart/form-data">
                @include('users-area.theme.field')
                <div class="text-end mt-5">
                    <a href="{{ route('users-area.theme.index') }}" class="btn btn-danger mr-2"><i class="ti"></i> Cancel</a>
                    <button class="btn btn-primary btn-save ml-2"><i class="ti ti-device-floppy"></i> Save</button>
                </div>
            </form>
        </div>
    </div>
@endsection