{% extends "plate.html" %}
{% load static %}
{% block body %}
{% load i18n %}
{% block title %}<meta name="description" content="ReyDesign Technologies - Our Extensive Services tailoured for your Business."/>{% endblock title %}
<div id="smooth-wrapper">
    <div id="smooth-content">
        <!-- xc-breadcrumb area start -->
        <div class="xc-breadcrumb__area">
            <div class="xc-breadcrumb__bg w-img">
                <img alt="" src="{% static 'assets/img/backgroud/breadcrumb-bg.png' %}"/>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-xxl-12">
                        <div class="xc-breadcrumb__content text-center p-relative z-index-1">
                            <h3 class="xc-breadcrumb__title">{{service.name}}</h3>
                            <div class="xc-breadcrumb__list">
                                <span><a href="/">Home</a></span>
                                <span class="dvdr">/</span>
                                <span>{{service.name}}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- xc-breadcrumb area end -->
        <!-- xc-postbox area start -->
        <div class="xc-postbox__area xc-postbox__single pt-120 pb-90">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8">
                        <div class="xc-postbox__wrapper mb-50">
                            <article class="xc-postbox__item pb-50">
                                <div class="xc-postbox__thumb w-img mb-20">
                                    <img alt="" src="/media/{{service.image}}"/>
                                </div>
                                <div class="xc-postbox__content">
                                    <div class="xc-postbox__meta">
                                        <span><i class="fal fa-calendar-check"></i> {{service.date}} </span>
                                        <span><a href="#"><i class="fa-light fa-user"></i> Admin</a></span>
                                        <a href="#"><i class="fa-light fa-star"></i>
                                            {% for tag in service.tags.all %}
                                                {{ tag.tag_name }}
                                                {% if not forloop.last %}, {% endif %}
                                            {% endfor %}
                                        </a>
                                    </div>
                                    <h1 class="xc-postbox__title">{{service.title}}</h1>
                                    <div class="xc-postbox__text">
                                        <blockquote>
                                            <p>{{service.core_line}}</p><cite>ReyDesign Technologies.</cite>
                                        </blockquote>
                                        <p>{{ service.description|safe }}</p>
                                    </div>
                                    <div class="xc-postbox-tag__wrapper">
                                        <div class="xc-postbox__cats catscloud">
                                            <span>Service </span>
                                            <a href="#">{{service.name}}</a>
                                        </div>
                                        <div class="xc-postbox__tags tagcloud">
                                            <span>Tags:</span>
                                            {% for tag in service.tags.all %}
                                                <a href="#">{{ tag.tag_name }}</a>
                                            {% endfor %}
                                        </div>
                                    </div>
                                </div>
                            </article>
                        </div>
                    </div>
                    <div class="col-xxl-4 col-lg-4">
                        <div class="xc-sidebar__wrapper">
                            <div class="xc-sidebar__widget">
                                <h3 class="xc-sidebar__widget-title">More Services</h3>
                                <div class="xc-sidebar__widget-content">
                                    <ul class="pl-0 mb-0">
                                        {% for service_name, service_slug in services %}
                                            <li><a href="{% url 'Service' service_slug %}">{{service_name}}</a></li>
                                        {% endfor %}
                                    </ul>
                                </div>
                            </div>
                            <div class="xc-sidebar__widget">
                                <h3 class="xc-sidebar__widget-title">Related Industries</h3>
                                <div class="xc-sidebar__widget-content">
                                    <div class="xc-sidebar__post">
                                        {% for industry in industries %}
                                            <div class="rc__post d-flex align-items-center">
                                                <div class="rc__post-thumb">
                                                    <a href="{% with slug_name=industry.name|slugify %}
                                                      /industry/{{ slug_name }}
                                                      {% endwith %}">
                                                        <img alt="" src="/media/{{industry.square_image}}" />
                                                    </a>
                                                </div>
                                                <div class="rc__post-content">
                                                    <h3 class="rc__post-title">
                                                        <a href="{% with slug_name=industry.name|slugify %}
                                                        /industry/{{ slug_name }}
                                                        {% endwith %}">
                                                            {{industry.name}}
                                                        </a>
                                                    </h3>
                                                    <div class="rc__meta">
                                                        <span><i class="fa-light fa-book"></i>ReyDesign Technologies.</span>
                                                    </div>
                                                </div>
                                            </div>
                                        {% endfor %}
                                    </div>
                                </div>
                            </div>
                            <div class="xc-sidebar__widget">
                                <h3 class="xc-sidebar__widget-title">Recent CaseStudies</h3>
                                {% for case in case_studies %}
                                    <div class="xc-sidebar__widget-content">
                                        <div class="xc-sidebar__post">
                                            <div class="rc__post d-flex align-items-center">
                                                <div class="rc__post-thumb">
                                                    <a href="{% url 'Case' case.slug %}">
                                                        <img alt="" src="/media/{{case.square_image}}/" />
                                                    </a>
                                                </div>
                                                <div class="rc__post-content">
                                                    <h3 class="rc__post-title">
                                                        <a href="{% url 'Case' case.slug %}">{{case.name}}</a>
                                                    </h3>
                                                    <div class="rc__meta">
                                                        <span><i class="fa-light fa-clock"></i>{{case.date}}</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                {% endfor %}

                    </div>
                </div>
            </div>
        </div>
        <!-- xc-postbox area end -->
    </div>
</div>
{% endblock body %}