@extends('layouts.default1400-profile', ['title' => 'آدرس‌ها'])

@section('content')
<div class="md:flex justify-between border-gray-100 border-b-2 text-sm items-center truncate overflow-hidden">
	<div class="md:flex justify-start">

		<a class="flex px-4 py-2 mx-1 justify-start hover:bg-blue-100 border-b-4 border-gray-100"
			href="/profile?step=user-data&type={{ $user->profile_activity_type }}&utype={{ $user->profile_user_type }}&tab=basic">
			اطلاعات کاربر
		</a>

		@if($user->profile_user_type=='legal')
		<a class=" flex px-4 py-2 mx-1 justify-start hover:bg-blue-100  border-b-4 border-gray-100"
			href="/profile?step=user-data&type={{ $user->profile_activity_type }}&utype={{ $user->profile_user_type }}&tab=legal">
			اطلاعات تماس و آدرس
		</a>
		@endif

		@if($user->profile_activity_type=='pro' || $user->profile_user_type=='legal')
		<a class=" flex px-4 py-2 mx-1 justify-start hover:bg-blue-100  border-b-4 border-gray-100"
			href="/profile?step=user-data&type={{ $user->profile_activity_type }}&utype={{ $user->profile_user_type }}&tab=file">
			مدارک
		</a>
		@endif

		<a class="flex px-4 py-2 mx-1 justify-start hover:bg-blue-100 border-b-4 border-blue-500" href="#">
			آدرس‌ها
		</a>

	</div>

</div>

<div>
	<div class="m-4">

		<div class=" my-4 p-2  rounded">


			<div class="grid grid-cols-2 lg:grid-cols-3 gap-4 ">
				@foreach ($data as $item)
				<x-newlayout.profile-address-show-item :item="$item" :provinces="$provinces" />
				@endforeach

				<x-newlayout.shipping.address-add-item :provinces="$provinces" />

			</div>

		</div>
	</div>
</div>

<x-newlayout.shipping.address-add-item-modal formAction="{{ route('user.profile.address.store') }}"
	:provinces="$provinces" />

@stop

@section('scripts')
<script src="https://www.parsimap.com/js/v3.1.0/parsimap.js?key=public"></script>
<script src="https://www.parsimap.com/js/v3.1.0/plugins/parsimap-pointer.js"></script>
<script src="/js/profile-address.js?v=0.10"></script>
@stop