@extends('admin.layout.master')
@section('content')
<div class="container-fluid">
    <div class="row p-3 rounded m-2 bg-light">
        <div class="col-12 col-md-6 align-self-center">
            <a class='text-decoration-none fw-bold ' href="{{url('/home')}}">{{trans('admin.Home')}}  </a> <span class="bi bi-caret-right"></span>
            <span class='text-decoration-none fw-bold' >{{trans('admin.select_theme')}}</span>  
        </div>
    </div>
    <div class="row m-2 p-4">
        <div class="col-md-4 col-12 mt-md-0">
            <h6 class="theme-name-heading fw-bold ps-1 mb-2">Theme Name</h6>
            <img src="{{ asset('images/theme-preview/select-theme1.png') }}" class="img-fluid rounded w-100"  alt="Select Theme">
            <div class="themes-buttons-div d-flex justify-content-between mt-2">
                <div class="">
                    <button type="button" class="btn btn-customize text-white rounded-pill border-0 px-md-4 px-3 btn-sm">Customize</button>
                </div>
                <div class="">
                    <button type="button" class="btn btn-activate rounded-pill border-0 text-white px-md-4 px-3 text-white btn-sm">Activate</button>
                </div>
            </div>
        </div>
        <div class="col-md-4 col-12 mt-md-0 mt-4">
            <h6 class="theme-name-heading fw-bold ps-1 mb-2">Theme Name</h6>
            <img src="{{ asset('images/theme-preview/select-theme2.png') }}" class="img-fluid rounded w-100"  alt="Select Theme">
            <div class="themes-buttons-div d-flex justify-content-between mt-2">
                <div class="">
                    <button type="button" class="btn btn-customize text-white rounded-pill border-0 px-md-4 px-3 btn-sm">Customize</button>
                </div>
                <div class="">
                    <button type="button" class="btn btn-activate rounded-pill border-0 text-white px-md-4 px-3 text-white btn-sm">Activate</button>
                </div>
            </div>
        </div>
        <div class="col-md-4 col-12 mt-md-0 mt-4">
            <h6 class="theme-name-heading fw-bold ps-1 mb-2">Theme Name</h6>
            <img src="{{ asset('images/theme-preview/select-theme3.png') }}" class="img-fluid rounded w-100"  alt="Select Theme">
            <div class="themes-buttons-div d-flex justify-content-between mt-2">
                <div class="">
                    <button type="button" class="btn btn-customize text-white rounded-pill border-0 px-md-4 px-3 btn-sm">Customize</button>
                </div>
                <div class="">
                    <button type="button" class="btn btn-activate rounded-pill border-0 text-white px-md-4 px-3 text-white btn-sm">Activate</button>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection