@extends('layouts.dashboard.without_sidebar')
@section('title', 'نمایش جزئیات پروژه')
@section('styles')
    <!-- data table links -->
    <link rel="stylesheet" href="{{ asset('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css') }}" />
    <link rel="stylesheet" href="{{ asset('plugins/datatables-buttons/css/buttons.bootstrap4.min.css') }}" />
    <link rel="stylesheet" href="{{ asset('plugins/datatables-responsive/css/responsive.bootstrap4.min.css') }}" />
    <!-- select2 link -->
    <link rel="stylesheet" href="{{ asset('plugins/select2/css/select2.min.css') }}" />
    <link rel="stylesheet" href="{{ asset('dist/css/select2-bootstrap4.min.css') }}" />
    <!-- date picker link -->
    <link rel="stylesheet" href="{{ asset('dist/css/persian-datepicker.min.css') }}" />
    <!-- tables main style link -->
    <link rel="stylesheet" href="{{ asset('version2/css/dashboard_layouts/_tablesStyle.css') }}" />
    <!-- map links -->
    <link rel="stylesheet" href="{{ asset('dist/css/leaflet.css') }}" />
    <!-- this page styles -->
    <link rel="stylesheet" href="{{ asset('version2/css/dashboard_pages/rahdari_projects/project.css?_=') }}" />
@endsection

@section('breadcrumb')
<nav class="breadcrumb-selfdesign">
    <div class="container d-flex align-items-center justify-content-between">
        <ul class="d-flex align-items-center">
            <li class="breadcrumb-item-selfdesign"><a href="{{route('v2.dashboard')}}">داشبورد</a></li>
            <i class="mr-2 fa fa-angle-left arrow-icon text-dark"></i>
            <li class="current breadcrumb-item-selfdesign">نمایش جزئیات پروژه</li>
        </ul>
        <a href="{{route('v2.dashboard')}}" class="btn breadcrumb-back">بازگشت</a>
    </div>
</nav>
@endsection

@section('content')
<input type="hidden" id="page_id" value="{{\request()->id}}">

<div class="content">
	<div class="container-fluid">
		<div class="row m-0" id="page-row">
			<div class="col-sm-12">
				<div class="show-main">
					<div id="abrar-edit-card" class="card mt-5" style="width: 100%;">
						<div class="card-header">
							<h3 class="card-title">
								نمایش جزئیات پروژه
							</h3>
						</div>
						<div class="card-body">
							<div class="row">
								<div class="col-sm-4">
									<div class="col-sm-12">
										<p><span class="showlabel">کد یکتا : </span><span
												class="filter-11 style-filters">
											</span></p>
									</div>
									<div class="col-sm-12">
										<p><span class="showlabel">اداره کل : </span><span
												class="filter-1 style-filters">
											</span></p>
									</div>
									<div class="col-sm-12">
										<p><span class="showlabel">استان : </span><span class="filter-15 style-filters">
											</span></p>
									</div>
									<div class="col-sm-12">
										<p><span class="showlabel"> شهرستان : </span><span
												class="filter-2 style-filters">
											</span></p>
									</div>
									<div class="col-sm-12">
										<p><span class="showlabel"> نوع پروژه : </span><span
												class="filter-3 style-filters">
											</span></p>
									</div>
									<div class="col-sm-12">
										<p><span class="showlabel"> عنوان پروژه : </span><span
												class="filter-4 style-filters">
											</span></p>
									</div>
									<div class="col-sm-12">
										<p><span class="showlabel"> شماره قرارداد : </span><span
												class="filter-100 style-filters">
											</span></p>
									</div>
									<div class="col-sm-12">
										<p><span class="showlabel"> وضعیت قرارداد : </span><span
												class="filter-16 style-filters">
											</span></p>
									</div>
									<div class="col-sm-12">
										<p><span class="showlabel"> تاریخ انعقاد قرارداد : </span><span
												class="filter-17 style-filters">
											</span></p>
									</div>
									<div class="col-sm-12">
										<p><span class="showlabel"> نام محور : </span><span
												class="filter-5 style-filters">
											</span></p>
									</div>
									<div class="col-sm-12">
										<p><span class="showlabel"> نوع محور : </span><span
												class="filter-6 style-filters">
											</span></p>
									</div>
									<div class="col-sm-12">
										<p><span class="showlabel"> پیشرفت کلی : </span><span
												class="filter-12 style-filters">
											</span></p>
									</div>
									<div class="col-sm-12">
										<p><span class="showlabel">اطلاعات مالی زیرپروژه <small>(میلیون
													ریال)</small></span></p>
										<div id="showamounts"></div>
									</div>
									<div class="col-sm-12">
										<div id="showNamePeople"></div>
									</div>
									<div class="col-sm-12">
										<p><span class="showlabel"> آخرین وضعیت پروژه : </span><span
												class="filter-7 style-filters">
											</span></p>
									</div>
									<div class="col-sm-12">
										<p><span class="showlabel"> آخرین تاریخ بروزرسانی: </span><span
												class="filter-8 style-filters">
											</span></p>
									</div>
								</div>
								<div class="col-md-4">
									<div class="col-sm-12">
										<p><span class="showlabel"> تاریخ ثبت در سامانه : </span><span
												class="filter-9 style-filters">
											</span></p>
									</div>
									<div class="col-sm-12">
										<p><span class="showlabel"> کارشناس ناظر : </span><span
												class="filter-10 style-filters">
											</span></p>
									</div>
									<div class="col-sm-12">
										<p><span class="showlabel"> شماره کارشناس ناظر : </span><span
												class="filter-14 style-filters">
											</span></p>
									</div>
									<div class="col-sm-12">
										<p><span class="showlabel">نوع عملیات </span></p>
										<div id="showdistance"></div>
									</div>
									<div class="col-sm-12 required-bitumen-box" style="display:none">
										<p><span class="showlabel"> تناژ قیر مورد نیاز : </span><span
												class="required-bitumen style-filters">
											</span></p>
									</div>
									<div class="col-sm-12 used-bitumen-box" style="display:none">
										<p><span class="showlabel">تناژ قیر دریافتی : </span><span
												class="used-bitumen style-filters">
											</span></p>
									</div>
									<div class="col-sm-12 bridge-number-box" style="display:none">
										<p><span class="showlabel">کد پل در سامانه BMS : </span><span
												class="bridge-number style-filters">
											</span></p>
									</div>
									<div class="col-sm-12">
										<p><span class="showlabel">مجوز های انعقاد قرارداد </span></p>
										<div id="showeblaghpromise"></div>
									</div>
									<div class="col-sm-12">
										<p><span class="showlabel">اطلاعات مالی قرارداد <small>(میلیون
													ریال)</small></span></p>
										<div id="showMablagh"></div>
									</div>
									<div class="col-sm-12">
										<p><span class="showlabel">شماره طرح : </span><span
												class="filter-18 style-filters"></span></p>
									</div>
									<div class="col-sm-12">
										<p><span class="showlabel">درجه اهمیت پروژه : </span><span
												class="filter-19 style-filters"></span></p>
									</div>
									<div class="col-sm-12">
										<p><span class="showlabel">درجه اهمیت پیگیری پروژه : </span><span
												class="filter-20 style-filters"></span></p>
									</div>
								</div>
								<div class="col-md-4">
									<div class="row">
										<div class="col-md-12 mb-3">
											<div class="abrar-map-layout"> <span class="abrar-map-title d-inline">موقعیت
													مکانی پروژه
													همراه قرارگیری اکیپ
												</span>
												<div id="abrar-map"></div>
												<div class="row map-latlng-input-row">
													<div class="col-md-12">
														<div class="form-group map-latlng-form">
															<label
																class="required-label d-block text-center map-latlng-label">
																ثبت دستی مختصات </label>
															<input name="abrar-project-latlng-start" type="text"
																disabled
																class="form-control input-cord map-latlng-input map-latlng-first-input"
																data-inputmask="'mask': '(99.999999) - (99.999999)'"
																data-mask
																placeholder="(شروع) => (طول جغرافیایی) - (عرض جغرافیایی)">
														</div>
														<div class="form-group">
															<input name="abrar-project-latlng-end" type="text" disabled
																class="form-control input-cord map-latlng-input map-latlng-sec-input"
																data-inputmask="'mask': '(99.999999) - (99.999999)'"
																data-mask
																placeholder="(پایان) => (طول جغرافیایی) - (عرض جغرافیایی)">
														</div>
													</div>
												</div>
											</div>
										</div>
										<div class="col-sm-12 mb-3  imagelistshown" id="imagelistshown"> </div>
									</div>
									<div class="row" style="float: left; margin-top: 63px;">
										<button class="btn btn-success btn-lg" onclick="printbama()">پرینت</button>
									</div>
								</div>
							</div>
						</div>
						<!-- /.card-body -->
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Slider Modal -->
	<div id="slideroverlay" class="slideroverlay">
		<div class="upload-confirm"></div>
		<!-- Modal content -->
		<div class="modal-content"> <span class="close"></span>
			<div class="slideshow">
				<div id="slideshow-slide" class="slideshow-container"> <a class="prev">&#10095;</a> <a
						class="next">&#10094;</a> </div>
				<br />
				<div id="slideshow-dot" style="text-align: center;"></div>
			</div>
		</div>
	</div>
	<!-- End Slider Modal -->
	<div class="modal fade" id="bamaPreviewModal">
		<div class="modal-dialog modal-xl">
			<div class="modal-content">
				<!-- Modal body -->
				<div class="modal-body">
					<div class="preview-template" style="width: 100%;">
						<div class="template-details">
							<div class="details-icon" style="width: 25%;"> <img
									src="{{ asset('dist/images/icons/alertInstallAppLogo.png') }}" alt=""> <img
									src="{{ asset('dist/images/new-design/logo.svg') }}" alt=""> </div>
							<div class="time_showm p-2">
								<div><span class="bold_text">تاریخ ثبت پروژه در سامانه</span>:<span
										id="preview-template-submit-date"></span></div>
								<div><span class="bold_text">آخرین بروزرسانی </span>:<span
										id="preview-template-last-update"></span></div>
								<div><span class="bold_text">تاریخ اخذ گزارش </span>:<span id="preview_export"></span>
								</div>
							</div>
						</div>
						<div class="template-section" style="overflow: hidden;">
							<div class="section-title">جزئیات پروژه (<span id="unique_code"></span>)</div>
							<div class="section-table">
								<table>
									<tr>
										<th>استان/اداره کل</th>
										<th>شهرستان</th>
										<th>نوع پروژه</th>
										<th>عنوان پروژه</th>
										<th>نام محور</th>
										<th>نوع محور</th>
										<th>پیشرفت کلی</th>
										<th>آخرین وضعیت پروژه</th>
									</tr>
									<tr class="section-preview-1-data" style="font-size: 10px; font-weight: 400;">
										<td> <span id="preview-template-province-name"></span> </td>
										<td> <span id="preview-template-town"></span> </td>
										<td> <span id="preview-template-project-type"></span> </td>
										<td> <span id="preview-template-project-name"></span> </td>
										<td> <span id="preview-template-axis-name"></span> </td>
										<td> <span id="preview-template-axis-type"></span> </td>
										<td> <span id="progress_project"></span> </td>
										<td> <span id="preview-template-last-status"></span> </td>
									</tr>
								</table>
							</div>
						</div>
						<div class="template-section" style="margin: 10px 0;overflow: hidden;">
							<div class="section-title">جزئیات مالی پروژه <small>(میلیون ریال)</small></div>
							<div class="section-table">
								<table>
									<tr>
										<th>آخرین رقم ریالی پروژه</th>
										<th>مبلغ آخرین کارکرد پیمانکار</th>
										<th>مبلغ پرداختی به پیمانکار</th>
										<th>مبلغ مورد نیاز برای تکمیل پروژه</th>
									</tr>
									<tr class="section-preview-1-data" style="font-size: 10px; font-weight: 400;">
										<td> <span id="last_digit_project"></span> </td>
										<td> <span id="last_function_operator"></span> </td>
										<td> <span id="last_payable_operator"></span> </td>
										<td> <span id="complete_payable"></span> </td>
									</tr>
								</table>
							</div>
						</div>
						<div class="template-section" style="margin: 10px 0;overflow: hidden;">
							<div class="section-title">جزئیات قرارداد</div>
							<div class="section-table">
								<table>
									<tr>
										<th>نام پیمانکار</th>
										<th>نام مشاور طراحی</th>
										<th>نام مشاور نظارت </th>
									</tr>
									<tr class="section-preview-1-data" style="font-size: 10px; font-weight: 400;">
										<td> <span id="peymankar_name"></span> </td>
										<td> <span id="tarahi_name"></span> </td>
										<td> <span id="nezarat_namet"></span> </td>
									</tr>
								</table>
							</div>
						</div>
						<div class="template-section" style="margin: 10px 0;overflow: hidden;">
							<div class="section-title">مجوز های انعقاد قرارداد </div>
							<div class="section-table">
								<table>
									<tr>
										<th>ابلاغ اعتبار ملی</th>
										<th>ابلاغ اعتبار استانی</th>
										<th>مجوز صادره از ستاد</th>
										<th>مجوز صادره از استان</th>
									</tr>
									<tr class="section-preview-1-data" style="font-size: 10px; font-weight: 400;">
										<td> <span id="national_credit_license"></span> </td>
										<td> <span id="province_credit_license"></span> </td>
										<td> <span id="headquarter_issued_license"></span> </td>
										<td> <span id="province_issued_license"></span> </td>
									</tr>
								</table>
							</div>
						</div>
						<div class="template-section" style="margin: 10px 0;overflow: hidden;">
							<div class="section-title">اطلاعات مالی قرارداد <small>(میلیون ریال)</small> </div>
							<div class="section-table">
								<table>
									<tr>
										<th>مبلغ اعتبار ملی </th>
										<th>مبلغ اعتبار استانی </th>
										<th>مبلغ مجوز صادره از ستاد</th>
										<th>مبلغ کل قرارداد </th>
										<th>شماره طرح </th>
									</tr>
									<tr class="section-preview-1-data" style="font-size: 10px; font-weight: 400;">
										<td> <span id="national_credit"></span> </td>
										<td> <span id="province_credit"></span> </td>
										<td> <span id="setad_credit"></span> </td>
										<td> <span id="full_credit"></span> </td>
										<td> <span id="tarh_num"></span> </td>
									</tr>
								</table>
							</div>
						</div>
						<div class="template-section" style="margin: 10px 0;overflow: hidden;">
							<div class="section-title">وضعیت قرارداد </div>
							<div class="section-table">
								<table>
									<tr>
										<th>وضعیت قرارداد </th>
										<th>تاریخ انعقاد قرارداد </th>
										<th>درجه اهمیت پروژه</th>
										<th>درجه اهمیت پیگیری پروژه</th>
									</tr>
									<tr class="section-preview-1-data" style="font-size: 10px; font-weight: 400;">
										<td> <span id="status_project"></span> </td>
										<td> <span id="date_project"></span> </td>
										<td> <span id="importance_project"></span> </td>
										<td> <span id="imprtance_project_control"></span> </td>
									</tr>
								</table>
							</div>
						</div>
						<div class="row justify-content-end align-items-stretch">
							<div class="col-5">
								<div class="abrar-map-layout"> <span class="abrar-map-title d-inline">موقعیت مکانی
										پروژه
										همراه قرارگیری اکیپ
									</span>
									<div id="abrar-map2"></div>
									<div class="row map-latlng-input-row">
										<div class="col-md-12">
											<div class="form-group map-latlng-form">
												<label class="required-label d-block text-center map-latlng-label">
													ثبت دستی مختصات </label>
												<input name="abrar-project-latlng-start" type="text" disabled
													class="form-control input-cord map-latlng-input map-latlng-first-input"
													data-inputmask="'mask': '(99.999999) - (99.999999)'" data-mask
													placeholder="(شروع) => (طول جغرافیایی) - (عرض جغرافیایی)">
											</div>
											<div class="form-group">
												<input name="abrar-project-latlng-end" type="text" disabled
													class="form-control input-cord map-latlng-input map-latlng-sec-input"
													data-inputmask="'mask': '(99.999999) - (99.999999)'" data-mask
													placeholder="(پایان) => (طول جغرافیایی) - (عرض جغرافیایی)">
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="col-7 d-flex flex-column justify-content-between" id="imagelistshown2">
								<div class="row imagelistshown2edit"> </div>
								<div class="section-table" style="margin-bottom:15px;">
									<table class="table_karshenas">
										<tr>
											<td style="font-weight: 600;">کارشناس ناظر</th>
											<td><span id="operator_name"></span></th>
										</tr>
										<tr class="section-preview-1-data" style="font-size: 10px; font-weight: 400;">
											<td style="font-weight: 600;"> شماره کارشناس </td>
											<td> <span id="operator_phone"></span> </td>
										</tr>
									</table>
								</div>

							</div>
						</div>
						<div class="row">
							<div class="template-section col-12" style="overflow: hidden;">
								<div class="section-title">نوع عملیات</div>
								<div class="section-table" id="section-distance"></div>
							</div>
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-danger" data-dismiss="modal">بستن</button>
					<button type="button" class="btn btn-info btn-lg" style="background-color: rgb(48, 133, 214);"
						onclick="showPrintPDF()">چاپ</button>
				</div>
			</div>
		</div>
	</div>
	<!-- /.content -->
</div>
@endsection
@section('scripts-body')
<!-- datatables script -->
<script src="{{ asset('plugins/datatables/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-bs4/js/dataTables.bootstrap4.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/dataTables.buttons.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/buttons.html5.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/buttons.print.min.js') }}"></script>
<!-- map script -->
<script src="{{ asset('dist/js/leaflet.js') }}"></script>
<script src="{{ asset('dist/js/leaflet.markercluster.js') }}"></script>
<script src="{{ asset('dist/js/leaflet-routing-machine.js') }}"></script>
<!-- input mask -->
<script src="{{ asset('plugins/inputmask/min/jquery.inputmask.bundle.min.js') }}"></script>
<!-- select2 script -->
<script src="{{ asset('plugins/select2/js/select2.full.min.js') }}"></script>
<!-- date picker script -->
<script src="{{ asset('dist/js/persian-datepicker.min.js?_=v1.2') }}"></script>
<script src="{{ asset('dist/js/persian-date.min.js') }}"></script>
<script src="{{ asset('plugins/moment/moment.min.js') }}"></script>
<script src="{{ asset('dist/js/jalali-moment.browser.js') }}"></script>
<script src="{{ asset('dist/js/jquery.print.min.js') }}"></script>
<!-- page script -->
<script src="{{ asset('version2/js/dashboard_pages/rahdari_projects/project.js?_='). mt_rand(1, 99999999999) }}"></script>
@endsection