@extends('admin.layouts.app')
@section('main_content')
<div class="page-content">
    <div class="container-fluid">

        <div class="page-title-box d-sm-flex align-items-center justify-content-between">
            <h4 class="mb-sm-0">
                {{translate($title)}}
            </h4>
            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}">
                        {{translate('Dashboard')}}
                    </a></li>
                    <li class="breadcrumb-item"><a href="{{route('admin.seller.info.index')}}">
                        {{translate('Sellers')}}
                    </a></li>
                    <li class="breadcrumb-item active">
                        {{translate("Shop Details")}}
                    </li>
                </ol>
            </div>
        </div>


		<div class="position-relative mx-n4 mt-n4">
			<div class="profile-wid-bg profile-setting-img">
				<img src="{{show_image(file_path()['shop_first_image']['path'].'/'.@$seller->sellerShop->shop_first_image ,file_path()['shop_first_image']['size'])}}" class="profile-wid-img" alt="{{@$seller->sellerShop->shop_first_image}}">

			</div>
		</div>

		<div class="row">
			<div class="col-xxl-3 col-xl-4">
				<div class="card mt-n5">
					<div class="card-body p-4">
						<div class="text-center">
							<div class="profile-user position-relative d-inline-block mx-auto  mb-4">
								<img src="{{show_image(file_path()['shop_logo']['path'].'/'.@$seller->sellerShop->shop_logo,file_path()['shop_logo']['size'])}}"
									class="rounded-circle avatar-xl img-thumbnail user-profile-image"
									alt="{{@$seller->sellerShop->shop_logo}}">
							</div>
							<div>
								<h6 class="mb-0">{{$seller->name}}</h6>
								<p>{{translate('Joining Date')}} {{get_date_time($seller->created_at,'d M, Y h:i A')}}</p>
							</div>
						</div>

						<div class="p-3 bg-body rounded">
                            <h6 class="mb-3 fw-bold">{{translate('Seller Shop information')}}</h6>

                            <ul class="list-group">
                                <li class="d-flex justify-content-between align-items-center flex-wrap gap-2 list-group-item">
                                    <span class="fw-semibold">
                                        {{translate('name')}}
                                    </span>

                                    <span class="font-weight-bold">{{@$seller->sellerShop->name ?? 'N/A'}}</span>
                                </li>

                                <li class="d-flex justify-content-between align-items-center flex-wrap gap-2 list-group-item">
                                    <span class="fw-semibold">
                                        {{translate('Email')}}
                                    </span>
                                    <span class="font-weight-bold text-break">{{@$seller->sellerShop->email ?? 'N/A'}}</span>
                                </li>

                                <li class="d-flex justify-content-between align-items-center flex-wrap gap-2 list-group-item">
                                    <span class="fw-semibold">
                                        {{translate('Phone')}}
                                    </span>
                                    <span class="font-weight-bold">{{@$seller->sellerShop->phone ?? 'N/A'}}</span>
                                </li>

                                <li class="d-flex justify-content-between align-items-center flex-wrap gap-2 list-group-item">
                                    <span class="fw-semibold">
                                        {{translate('Address')}}
                                    </span>
                                    <span class="font-weight-bold">{{@$seller->sellerShop->address ?? 'N/A'}}</span>
                                </li>

                                <li class="d-flex justify-content-between align-items-center flex-wrap gap-2 list-group-item">
                                    <span class="fw-semibold">{{translate('Status')}} :</span>
                                    @if(@$seller->sellerShop->status == 1)
                                        <span class="badge badge-pill bg-success">{{translate('Active')}}</span>
                                    @elseif(@$seller->sellerShop->status == 2)
                                        <span class="badge badge-pill bg-danger">{{translate('Banned')}}</span>
									@else
									      {{ translate('N/A') }}
                                    @endif
                                </li>
                            </ul>
						</div>
					</div>
				</div>
			</div>

			<div class="col-xxl-9 col-xl-8">
				<div class="card mt-xxl-n5">

					<div class="card-body p-4">

						@php
							@$shopSetting = @$seller->sellerShop;
						@endphp

						<form action="{{route('admin.seller.info.shop.update', $seller->id)}}" method="POST" enctype="multipart/form-data">
							@csrf
			


							<div class="border rounded p-3">
								<h6 class="mb-3 fw-bold">
									{{translate('Shop Information')}} <span class="text-danger" >*</span>
								</h6>
	
								<div class="row g-4">
									<div class="col-lg-6">
										<label for="name" class="form-label">{{translate('Shop Name')}} <span class="text-danger">*</span></label>
										<input type="text" name="name" id="name" value="{{@$shopSetting->name}}" class="form-control" placeholder="{{translate('Enter name')}}" required>
									</div>
	
									<div class="col-lg-6">
										<label for="phone" class="form-label">{{translate('Shop Phone')}} <span class="text-danger">*</span></label>
										<input type="text" name="phone" id="phone" value="{{@$shopSetting->phone}}" class="form-control" placeholder="{{translate('Enter shop phone number')}}" required>
									</div>
	
	
									<div class="col-lg-6">
										<label for="whatsapp_number" class="form-label">{{translate('WhatsApp Number')}} <span class="text-danger">*</span>
	
											<i class="cursor-pointer ri-information-line"  data-bs-toggle="tooltip" data-bs-placement="top" title="{{translate('The number that you want to receive whatsapp order  message (enter number with your country code)')}}"></i>
	
										</label>
	
										<input type="text" name="whatsapp_number" id="whatsapp_number" value="{{@$shopSetting->whatsapp_number}}" class="form-control" placeholder="880000XXXX" required>
									</div>
	
	
	
									<div class="col-lg-6">
	
										<label for="whatsapp_order" class="form-label">{{translate('WhatsApp Order')}} <span class="text-danger">*</span>
	
										</label>
	
										<select class="form-select" name="whatsapp_order" id="whatsapp_order">
	
											 <option value="">
												{{translate('Select status')}}
											 </option>
	
											 <option {{@$shopSetting->whatsapp_order ==  App\Enums\StatusEnum::true->status() ? "selected" :""}} value="{{App\Enums\StatusEnum::true->status()}}">
	
												{{translate('Active')}}
											 </option>
											 <option {{@$shopSetting->whatsapp_order ==  App\Enums\StatusEnum::false->status() ? "selected" :""}} value="{{App\Enums\StatusEnum::false->status()}}">
	
												{{translate('Inactive')}}
											 </option>
	
	
	
										</select>
	
									</div>
	
	
	
									<div class="col-lg-6">
										<label for="email" class="form-label">{{translate('Shop Email')}}</label>
										<input type="email" name="email" id="email" value="{{@$shopSetting->email}}" class="form-control" placeholder="{{translate('Enter shop email address')}}">
									</div>
	
									<div class="col-lg-6">
										<label for="address" class="form-label">{{translate('Shop Address')}}</label>
										<input type="text" name="address" id="address" value="{{@$shopSetting->address}}" class="form-control" placeholder="{{translate('Enter shop address')}}">
									</div>
	
									<div class="col-12">
										<label for="short_details" class="form-label">{{translate('Shop Short Details')}}</label>
										<textarea class="form-control" rows="4" name="short_details" id="short_details" placeholder="{{translate('Enter short details')}}">{{@$shopSetting->short_details}}</textarea>
									</div>

										
									<div class="col-lg-12">
										<div class="mb-3">
											<label for="status" class="form-label">{{translate('Status')}} <span class="text-danger">*</span></label>
											<select class="form-select" name="status" id="status">
												<option value="1" @if(@$seller->sellerShop->status == 1) selected @endif>{{translate('Approved')}}</option>
												<option value="2" @if(@$seller->sellerShop->status == 2) selected @endif>{{translate('Inactive')}}</option>
											</select>
										</div>
									</div>
								</div>
							</div>
	
							<div class="border rounded my-4 p-3">
								<h6 class="mb-3 fw-bold">
									{{translate('Logo Section')}}
								</h6>
	
								<div class="row g-4">
									<div class="col-xl-3 col-lg-6">
										<label for="shop_logo" class="form-label">{{translate('Shop Logo')}}</label>
										<input type="file" name="shop_logo" id="shop_logo" class="form-control">
										<div class="text-danger py-1">{{translate('File Size')}} : {{file_path()['shop_logo']['size']}} {{translate('px')}}</div>
										<div class="gallery_img">
											<div class="gallery_img-item">
												<img src="{{show_image(file_path()['shop_logo']['path'].'/'.@$shopSetting->shop_logo, file_path()['shop_logo']['size'])}}" alt="{{@$shopSetting->shop_logo}}">
											</div>
										</div>
									</div>
	
									<div class="col-xl-3 col-lg-6">
										<label for="shop_first_image" class="form-label">{{translate('Shop Image')}} </label>
										<input type="file" name="shop_first_image" id="shop_first_image" class="form-control" aria-describedby="featuredimageTwo">
										<div id="featuredimageTwo" class="text-danger py-1">{{translate('Image Size Should Be')}} {{file_path()['shop_first_image']['size']}}</div>
	
										<div class="gallery_img">
											<div class="gallery_img-item">
												<img src="{{show_image(file_path()['shop_first_image']['path'].'/'.@$shopSetting->shop_first_image ,file_path()['shop_first_image']['size'] )}}" alt="{{@$shopSetting->shop_first_image}}">
											</div>
										</div>
									</div>
	
									<div class="col-xl-3 col-lg-6">
										<label for="seller_site_logo" class="form-label">{{translate('Site Logo')}}
	
										</label>
	
										<input type="file" name="seller_site_logo" id="seller_site_logo" class="form-control" aria-describedby="featuredimageThree">
										<div id="featuredimageThree" class="text-danger py-1">{{translate('Image Size Should Be')}} {{file_path()['seller_site_logo']['size']}}</div>
	
										<div class="gallery_img">
											<div class="gallery_img-item">
												<img class="bg-dark" src="{{show_image(file_path()['seller_site_logo']['path'].'/'.@$shopSetting->seller_site_logo ,file_path()['seller_site_logo']['size'])}}" alt="{{@$shopSetting->seller_site_logo}}">
											</div>
										</div>
									</div>
	
									<div class="col-xl-3 col-lg-6">
										<label for="seller_site_logo_sm" class="form-label">{{translate('Site Logo Icon')}}
	
										</label>
	
										<input type="file" name="seller_site_logo_sm" id="seller_site_logo_sm" class="form-control">
	
										<div class="text-danger py-1">{{translate('Image Size Should Be')}} {{file_path()['seller_site_logo_sm']['size']}}</div>
	
										<div class="gallery_img">
											<div class="logo-md">
												<img src="{{show_image(file_path()['seller_site_logo']['path'].'/'.@$shopSetting->logoicon,file_path()['loder_logo']['size'])}}" alt="seller_site_logo_sm.png" class="img-thumbnail">
											</div>
										</div>
	
									</div>
								</div>
							</div>


						

							<div class="col-lg-12">
								<div class="hstack gap-2 justify-content-start">
									<button type="submit"
										class="btn btn-success">
										{{translate('Update')}}
									</button>
								</div>
							</div>
	

						</form>


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

		</div>

    </div>
</div>

@endsection