{% extends 'store_layout_two.html' %}
{% load static %}
{% block content %}
<title>Beni | View Service Request</title>

<link rel="stylesheet" href="{% static 'store/build/css/countrySelect.css' %}">
<style>
.upload-im img {
    height: 120px;
    width: 120px;
    object-fit: cover;
    margin-right: 10px;
    margin-bottom: 10px;
}
.uploaded-media {
    display: flex;
    flex-flow: row wrap;
}
</style>
<title>Beni | View Service Request</title>
<div class="content-body">
          
    <!-- row -->

    <div class="container-fluid">
        <div class="row page-titles profile mx-0">
            <div class="col">
                <h2 class="fs-32 mb-0">View Service Request</h2>
            </div>
            <!-- <div class="col pl-0">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="javascript:void(0)">Products</a></li>
                    <li class="breadcrumb-item active"><a href="javascript:void(0)">View Product</a></li>
                </ol>
            </div> -->
        </div>

        <div class="row">
            <div class="col-lg-12 col-xl-12">
                <div class="card mt-4">
                    <div class="card-body view-prdct">
                        <div class="row">
                            <div class="col-12 col-md-3">
                                <label>Service Type</label>
                            </div>
                            <div class="col-12 col-md-9">
                                <p>{{ data_obj.serviceId.english_service_name }}</p>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12 col-md-3">
                                <label>Created By</label>
                            </div>
                            <div class="col-12 col-md-9">
                                <p>{{ data_obj.customer.first_name }} {{ data_obj.customer.last_name}}</p>
                            </div>
                        </div>
                        {% if data_obj.stone_type %}
                        <div class="row">
                            <div class="col-12 col-md-3">
                                <label>Stone Type</label>
                            </div>
                            <div class="col-12 col-md-9">
                                <p>{{ data_obj.stone_type.stone_type_english }}</p>
                            </div>
                        </div>
                        {% endif %}
                        {% if data_obj.size %}
                        <div class="row">
                            <div class="col-12 col-md-3">
                                <label>Size</label>
                            </div>
                            <div class="col-12 col-md-9">
                                <p>{{ data_obj.size }}</p>
                            </div>
                        </div>
                        {% endif %}
                        {% if data_obj.shape %}
                        <div class="row">
                            <div class="col-12 col-md-3">
                                <label>Shape</label>
                            </div>
                            <div class="col-12 col-md-9">
                                <p>{{ data_obj.shape }}</p>
                            </div>
                        </div>
                        {% endif %}
                        {% if data_obj.amount %}
                        <div class="row">
                            <div class="col-12 col-md-3">
                                <label>Amount</label>
                            </div>
                            <div class="col-12 col-md-9">
                                <p>{{ data_obj.amount }}</p>
                            </div>
                        </div>
                        {% endif %}
                        {% if data_obj.number_of_stones %}
                        <div class="row">
                            <div class="col-12 col-md-3">
                                <label>Number of stones</label>
                            </div>
                            <div class="col-12 col-md-9">
                                <p>{{ data_obj.number_of_stones }}</p>
                            </div>
                        </div>
                        {% endif %}
                         {% if data_obj.weight_of_stone %}
                        <div class="row">
                            <div class="col-12 col-md-3">
                                <label>Weight of stone</label>
                            </div>
                            <div class="col-12 col-md-9">
                                <p>{{ data_obj.weight_of_stone }}</p>
                            </div>
                        </div>
                        {% endif %}
                        {% if data_obj.service_type %}
                        <div class="row">
                            <div class="col-12 col-md-3">
                                <label>Service type</label>
                            </div>
                            <div class="col-12 col-md-9">
                                <p>{{ data_obj.service_type.service_type_english }}</p>
                            </div>
                        </div>
                        {% endif %}
                        {% if data_obj.service_model %}
                        <div class="row">
                            <div class="col-12 col-md-3">
                                <label>Service model</label>
                            </div>
                            <div class="col-12 col-md-9">
                                <p>{{ data_obj.service_model.service_model_english }}</p>
                            </div>
                        </div>
                        {% endif %}
                        {% if data_obj.gift_box %}
                        <div class="row">
                            <div class="col-12 col-md-3">
                                <label>Gift Box</label>
                            </div>
                            <div class="col-12 col-md-9">
                                <p>{{ data_obj.gift_box.box_name_english }}</p>
                            </div>
                        </div>
                        {% endif %}
                        {% if data_obj.gift_packaging %}
                        <div class="row">
                            <div class="col-12 col-md-3">
                                <label>Gift packaging</label>
                            </div>
                            <div class="col-12 col-md-9">
                                <p>{{ data_obj.gift_packaging.packaging_name_english }}</p>
                            </div>
                        </div>
                        {% endif %}
                        {% if data_obj.gift_card_sentence %}
                        <div class="row">
                            <div class="col-12 col-md-3">
                                <label>Gift card sentence</label>
                            </div>
                            <div class="col-12 col-md-9">
                                <p>{{ data_obj.gift_card_sentence }}</p>
                            </div>
                        </div>
                        {% endif %}
                        {% if data_obj.notes %}
                        <div class="row">
                            <div class="col-12 col-md-3">
                                <label>Notes</label>
                            </div>
                            <div class="col-12 col-md-9">
                                <p>{{ data_obj.notes }}</p>
                            </div>
                        </div>
                        {% endif %}
                        <div class="row">
                            <div class="col-12 col-md-3">
                                <label>Created At</label>
                            </div>
                            <div class="col-12 col-md-9">
                                <p>{{ data_obj.start_date|date:"d M  Y" }}</p>
                            </div>
                        </div>     
                        {% if data_obj.image %}              
                        <div class="row">
                            <div class="col-12 col-md-3">
                                <label>Uploaded Image</label>
                            </div>
                            <div class="col-12 col-md-9">
                                <div class="uploaded-media">
                                    <div class="upload-im">    
                                        <img src="{{ data_obj.image }}">
                                    </div>
                                </div>
                            </div>
                        </div>
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="https://code.jquery.com/jquery-latest.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

{% endblock %}