@extends('layouts.app')

@section('content')

    <div class="col-lg-8 col-lg-offset-2">
        <div class="panel">
            <div class="panel-heading">
                <h3 class="panel-title">{{translate('Banner Settings')}}</h3>
            </div>

            <!--Horizontal Form-->
            <!--===================================================-->
            <form class="form-horizontal" action="{{ route('categories.bannertemplate.store') }}" method="POST" enctype="multipart/form-data">
            	@csrf
                <input type="hidden" name="cat_id" value="{{$category->id}}">
                <div class="panel-body">
                    <div class="row">
                        <div class="color-radio col-sm-4">
                            <label>
                                <input type="radio" name="frontend_banner" placeholder="Single Banner Layout" class="color-control-input" value="0" @if($category->template_type == 0) checked @endif>
                                <span class="color-control-box" style="background:#F79F1F;"></span>
                            </label>
                            <br>
                            <img loading="lazy"  src="{{ asset('img/type_a.png') }}" class="" width="188">
                            <br>
                                <p style="text-align: center;font-weight: bold;color: #09f">Type A (667×667px)</p>
                        </div>
                        <div class="color-radio col-sm-4">
                            <label>
                                <input type="radio" name="frontend_banner" placeholder="Multiple Banner Layout" class="color-control-input" value="1" @if($category->template_type == 1) checked @endif>
                                <span class="color-control-box" style="background:#F79F1F;"></span>
                            </label>
                            <br>
                            <img loading="lazy"  src="{{ asset('img/type_b.png') }}" class=""  width="188">
                            <br>
                                <p style="text-align: center;font-weight: bold;color: #09f">Type B (663×1000px)</p>
                        </div>
                        <div class="color-radio col-sm-4">
                            <label>
                                <input type="radio" name="frontend_banner" placeholder="Multiple Banner Layout" class="color-control-input" value="2" @if($category->template_type == 2) checked @endif>
                                <span class="color-control-box" style="background:#F79F1F;"></span>
                            </label>
                            <br>
                            <img loading="lazy"  src="{{ asset('img/type_c.png') }}" class=""  width="188">
                            <br>
                                <p style="text-align: center;font-weight: bold;color: #09f">Type C (1000×667px)</p>
                        </div>

                    </div>
                </div>
                <div class="panel-footer text-right">
                    <button class="btn btn-purple" type="submit">{{translate('save')}}</button>
                </div>
            </form>
            <!--===================================================-->
            <!--End Horizontal Form-->

        </div>
    </div>

@endsection