{% extends 'base.html.twig' %}

{% trans_default_domain "PartnerContent" %}

{% block title %}
	{{ 'myContent_title'|trans }}
{% endblock %}


{% block stylesheets %}
	{{ parent() }}
	<link rel="stylesheet" type="text/css" href="{{ asset('bundles/user/css/store.css?v.0.5') }}"/>
	<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"/>
    <link rel="stylesheet" type="text/css" href="{{ asset('bundles/syndexacademic/css/style.css?v.3.2 ') }}"/>
	<style>
		.part-cont-btn{
			margin-top:auto;
			color:white;
			background:rgb(255, 134, 0);
		}
		.btn-update:hover{
			color:white;
			background-color: green;
		}
		.btn-delete:hover{
			color:white;
			background-color: red;
		}
		.btn-update:focus{
			color:white;
			background-color: green;
		}
		.btn-delete:focus{
			color:white;
			background-color: red;
		}
	</style>
{% endblock %}

{% block body %}

	<div class="container">
		<div class="row" id="store_container">
			<div id="page-header" class="new-file-header">
				<span><i class="fa  fa-arrow-circle-down"></i>&nbsp;{{ 'myContent_title'|trans }}</span>
			</div>
			{% include "partner_content/store_brief.html.twig" %}
		</div>
	</div>

{% endblock %}

{% block javascripts %}

    {{parent()}}
	<script src="{{ asset('bundles/user/js/storeFilter.js') }}"></script>

	<script>

	$(document).ready(function () {
		// console.log($('.content-delete'));
		$('.content-delete').click(function (e) { 
			e.preventDefault();
			let req_href = e.currentTarget.href;

			$('#confirm_content_delete_btn').off('click');

			var regex_forSlug = /\/UserContent\/delete\/([a-zA-Z0-9]+)/;
			var match_slug = req_href.match(regex_forSlug);
			var slug = match_slug[1];

			var body_text = $('#contentDeleteModal .modal-body').html().replace('%file_name%' , $(`#store-card${slug} .card-title`).html());
			$('#contentDeleteModal .modal-body').html(body_text);


			$('#contentDeleteModal').modal('show');

			
			$('#confirm_content_delete_btn').click(function (e) {
				window.location.href = req_href; 
			});
		});
	});

	</script>

{% endblock %}