{% load static %} {% load i18n %}

<div class="oh-modal__dialog oh-modal__dialog--navigation m-0 p-0">
    <button
      hx-get="{% url 'asset-request-individual-view' previous %}?requests_ids={{requests_ids}}"
      hx-target="#objectDetailsModalW25Target"
      class="oh-modal__diaglog-nav oh-modal__nav-prev"
      data-action="previous"
    >
        <ion-icon
            name="chevron-back-outline"
            class="md hydrated"
            role="img"
            aria-label="chevron back outline"
        ></ion-icon>
    </button>

    <button
      hx-get="{% url 'asset-request-individual-view' next %}?requests_ids={{requests_ids}}"
      hx-target="#objectDetailsModalW25Target"
      class="oh-modal__diaglog-nav oh-modal__nav-next"
      data-action="next"
    >
        <ion-icon
            name="chevron-forward-outline"
            class="md hydrated"
            role="img"
            aria-label="chevron forward outline"
        ></ion-icon>
    </button>
</div>
<div class="oh-modal__dialog-header">
    <span
      class="oh-modal__dialog-title"
      id="objectCreateModalLabel"
        >
      {% trans "Details" %}
    </span>
    <button class="oh-modal__close" aria-label="Close">
      <button  class="oh-modal__close"><ion-icon  name="close-outline"></ion-icon></button>
    </button>
</div>
<div class="oh-modal__dialog-body">
<a class="oh-timeoff-modal__profile-content pt-4" style="text-decoration:none;"
    href ="{% url 'employee-view-individual' asset_request.requested_employee_id.id %}">
    <div class="oh-profile mb-2">
        <div class="oh-profile__avatar">
            <img
            src="{{asset_request.requested_employee_id.get_avatar}}"
            class="oh-profile__image me-2"
            alt="Mary Magdalene"
            />
        </div>
        <div class="oh-timeoff-modal__profile-info">
            <span class="oh-timeoff-modal__user fw-bold m-0"
            >{{asset_request.requested_employee_id.get_full_name}}</span
            >
            <span
            class="oh-timeoff-modal__user m-0"
            style="font-size: 18px; color: #4d4a4a"
            >
            {{asset_request.requested_employee_id.employee_work_info.department_id}} /
            {{asset_request.requested_employee_id.employee_work_info.job_position_id}}</span
            >
        </div>
    </div>
</a>
<div class="oh-modal__dialog-header pt-0 pb-0">
    <div class="oh-timeoff-modal__stats-container">
    	<div class="oh-timeoff-modal__stat">
    		<span class="oh-timeoff-modal__stat-title"
    			>{% trans "Requested Date" %} </span
    		>
    		<span class="oh-timeoff-modal__stat-count dateformat_changer"
    			>{{asset_request.asset_request_date}}</span
    		>
    	</div>
    	<div class="oh-timeoff-modal__stat">
    		<span class="oh-timeoff-modal__stat-title">{% trans "Category" %}</span>
    		<span class="oh-timeoff-modal__stat-count"
    			>{{asset_request.asset_category_id}}</span
    		>
    	</div>
    </div>

    <div class="oh-timeoff-modal__stats mt-3 w-100">
    	<div class="oh-timeoff-modal__stat">
    		<span class="oh-timeoff-modal__stat-title"
    			>{% trans "Request Description" %}</span
    		>
    		<div class="oh-timeoff-modal__stat-description">
    			{{asset_request.description}}
    		</div>
    	</div>
    </div>

    <div class="oh-modal__button-container text-center w-100 mt-3">
    	{% if perms.asset.add_assetassignment %}
            {% if	asset_request.asset_request_status == 'Requested' %}
            <div class="oh-btn-group">
                <a
                    class="oh-btn oh-btn--success w-100"
                    role="button123"
                    data-toggle="oh-modal-toggle"
                    data-target="#objectCreateModal"
                    hx-get="{% url 'asset-request-approve' req_id=asset_request.id %}"
                    hx-target="#objectCreateModalTarget"
                >
                    <ion-icon name="checkmark-outline"></ion-icon>{% trans 'Approve' %}
                </a>
                <form
                    action="{% url 'asset-request-reject' req_id=asset_request.id %}"
                    onsubmit="event.stopPropagation(); return confirm('{% trans "Do you want to reject this request?" %}')"
                    method="post"
                    class="w-100"
                >
                    {% csrf_token %}
                    <button class="oh-btn oh-btn--danger w-100" onclick="event.stopPropagation();">
                        <ion-icon name="close-outline"></ion-icon> {% trans 'Reject' %}
                    </button>
                </form>
            </div>
            {% endif %}
        {% endif %}
    </div>
</div>