{% extends "admin/base.html" %}

{% block page_header %}
<nav aria-label="breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="{{  url('dashboard') }}">{{_("Dashboard",2)}}</a></li>
    <li class="breadcrumb-item active" aria-current="page">{{_("Advertisements",2)}}</li>
  </ol>
</nav>
{% endblock %}

{% block content %}

<!-- Content Row -->
<form id="advertisements-settings">
    {{ csrf_token()|raw }}
<div class="row">
    
    <div class="col-md-6">
        <div class="card card-advertisements-settings">
            <div class="card-header">
                <div class="card-title">
                    {{_("Left side bar ads",2)}}
                </div>
            </div>
            <div class="card-body">
                <div class="alert alert-primary" role="alert">
                    The maximum width of the ad should not exceed 225px.
                </div>
                <div class="mb-3">
                    <label class="form-label" for="ad_sidebar_top">{{_("Left side bar top ad",2)}}</label>
                    <textarea name="ad_sidebar_top" id="ad_sidebar_top" class="form-control" rows="5" cols="80">{{SETTINGS.ad_sidebar_top|raw}}</textarea>
                </div>
                <div class="mb-3">
                    <label class="form-label" for="ad_sidebar_bottom">{{_("Left side bar bottom ad",2)}}</label>
                    <textarea name="ad_sidebar_bottom" id="ad_sidebar_bottom" class="form-control" rows="5" cols="80">{{SETTINGS.ad_sidebar_bottom|raw}}</textarea>
                </div>
                <button type="button" class="btn btn-primary update-settings" value="advertisements-settings">{{_("Update",2)}}</button>
            </div>
        </div>
    </div>

    <div class="col-md-6">
        <div class="card card-advertisements-settings">
            <div class="card-header">
                <div class="card-title">
                    {{_("Right side bar ads",2)}}
                </div>
            </div>
            <div class="card-body">
                <div class="alert alert-primary" role="alert">
                    The maximum width of the ad should not exceed 225px.
                </div>
                <div class="mb-3">
                    <label class="form-label" for="ad_rightbar_top">{{_("Right side bar top ad",2)}}</label>
                    <textarea name="ad_rightbar_top" id="ad_rightbar_top" class="form-control" rows="5" cols="80">{{SETTINGS.ad_rightbar_top|raw}}</textarea>
                </div>
                <div class="mb-3">
                    <label class="form-label" for="ad_rightbar_bottom">{{_("Right side bar bottom ad",2)}}</label>
                    <textarea name="ad_rightbar_bottom" id="ad_rightbar_bottom" class="form-control" rows="5" cols="80">{{SETTINGS.ad_rightbar_bottom|raw}}</textarea>
                </div>
                <button type="button" class="btn btn-primary update-settings" value="advertisements-settings">{{_("Update",2)}}</button>
            </div>
        </div>
    </div>

    <div class="col-md-6 mt-3">
        <div class="card card-advertisements-settings">
            <div class="card-header">
                <div class="card-title">
                    {{_("Main section ads",2)}}
                </div>
            </div>
            <div class="card-body">
                <div class="alert alert-primary" role="alert">
                    The maximum width of the ad should not exceed 970px.
                </div>
                <div class="mb-3">
                    <label class="form-label" for="ad_main_top">{{_("Main section top ad",2)}}</label>
                    <textarea name="ad_main_top" id="ad_main_top" class="form-control" rows="5" cols="80">{{SETTINGS.ad_main_top|raw}}</textarea>
                </div>
                <div class="mb-3">
                    <label class="form-label" for="ad_main_bottom">{{_("Main section bottom ad",2)}}</label>
                    <textarea name="ad_main_bottom" id="ad_main_bottom" class="form-control" rows="5" cols="80">{{SETTINGS.ad_main_bottom|raw}}</textarea>
                </div>
                <button type="button" class="btn btn-primary update-settings" value="advertisements-settings">{{_("Update",2)}}</button>
            </div>
        </div>
    </div>

</div>

</form>

{% endblock %}