@extends('frontend.vendor_dashboard.dashboard.layouts.app')
   @section('content')
       <div class="page-content">

        @if(auth('web')->user()->kyc?->status == 'pending')
           <div class="col col-lg-12 mx-auto">
               <div class="card bg-transparent shadow-none">
                   <div class="card-body">

                       <div class="alert border-0 border-start border-5 border-warning alert-dismissible fade show py-2">
                           <div class="d-flex align-items-center">
                               <div class="font-35 text-warning"><i class='bx bx-info-circle'></i>
                               </div>
                               <div class="ms-3">
                                   <h6 class="mb-0 text-warning">Warning Alerts!! Your KYC is Pending</h6>
                                   <div>Please Wait Admin Will Review Your Kyc and Then Approve Your KYC.</div>
                               </div>
                           </div>
                           <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                       </div>

                   </div>
               </div>

           </div>
           @endif
           @if (auth('web')->user()->kyc?->status == 'rejected' || auth('web')->user()->kyc?->status == null)
               <div class="col col-lg-12 mx-auto">
                   <div class="card bg-transparent shadow-none">
                       <div class="card-body">

                           <div class="alert border-0 border-start border-5 border-danger alert-dismissible fade show py-2">
                               <div class="d-flex align-items-center">
                                   <div class="font-35 text-danger"><i class='bx bx-info-circle'></i>
                                   </div>
                                   <div class="ms-3">
                                       <h6 class="mb-0 text-danger">Submit Your KYC</h6>
                                       <div>Please Submit Your KYC To Get Started.

                                               <a href="{{ route('kyc.request') }}" class="btn btn-primary btn btn-xs">Submit KYC</a>

                                       </div>

                                   </div>
                               </div>
                               <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                           </div>

                       </div>
                   </div>

               </div>
           @endif
            <div class="container">
            <div class="main-body">
                <div class="row">
                    <div class="col-lg-4">
                        <div class="card">
                            <div class="card-body">
                                <div class="d-flex flex-column align-items-center text-center">
                                    <img src="{{  asset($datas?->logo) }}"
                                        alt="Admin" class="rounded-circle p-1 bg-primary" width="110">
                                    <div class="mt-3">
                                        <h4>{{ $datas?->name }}</h4>
                                        <p class="text-secondary mb-1">{{ $datas?->email }}</p>

                                    </div>
                                </div>
                                <hr class="my-4" />
                                {{-- <ul class="list-group list-group-flush">
                                    <li class="list-group-item d-flex justify-content-between align-items-center flex-wrap">
                                        <h6 class="mb-0"><svg xmlns="http://www.w3.org/2000/svg" width="24"
                                                height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                                stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                                class="feather feather-globe me-2 icon-inline">
                                                <circle cx="12" cy="12" r="10"></circle>
                                                <line x1="2" y1="12" x2="22" y2="12"></line>
                                                <path
                                                    d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z">
                                                </path>
                                            </svg>Website</h6>
                                        <span class="text-secondary">https://codervent.com</span>
                                    </li>
                                    <li class="list-group-item d-flex justify-content-between align-items-center flex-wrap">
                                        <h6 class="mb-0"><svg xmlns="http://www.w3.org/2000/svg" width="24"
                                                height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                                stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                                class="feather feather-github me-2 icon-inline">
                                                <path
                                                    d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22">
                                                </path>
                                            </svg>Github</h6>
                                        <span class="text-secondary">codervent</span>
                                    </li>
                                    <li class="list-group-item d-flex justify-content-between align-items-center flex-wrap">
                                        <h6 class="mb-0"><svg xmlns="http://www.w3.org/2000/svg" width="24"
                                                height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                                stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                                class="feather feather-twitter me-2 icon-inline text-info">
                                                <path
                                                    d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z">
                                                </path>
                                            </svg>Twitter</h6>
                                        <span class="text-secondary">@codervent</span>
                                    </li>
                                    <li class="list-group-item d-flex justify-content-between align-items-center flex-wrap">
                                        <h6 class="mb-0"><svg xmlns="http://www.w3.org/2000/svg" width="24"
                                                height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                                stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                                class="feather feather-instagram me-2 icon-inline text-danger">
                                                <rect x="2" y="2" width="20" height="20" rx="5"
                                                    ry="5"></rect>
                                                <path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path>
                                                <line x1="17.5" y1="6.5" x2="17.51" y2="6.5">
                                                </line>
                                            </svg>Instagram</h6>
                                        <span class="text-secondary">codervent</span>
                                    </li>
                                    <li
                                        class="list-group-item d-flex justify-content-between align-items-center flex-wrap">
                                        <h6 class="mb-0"><svg xmlns="http://www.w3.org/2000/svg" width="24"
                                                height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                                stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                                class="feather feather-facebook me-2 icon-inline text-primary">
                                                <path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z">
                                                </path>
                                            </svg>Facebook</h6>
                                        <span class="text-secondary">codervent</span>
                                    </li>
                                </ul> --}}
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-8">
                        <div class="card">
                            <div class="card-body">
                                <form method="POST" action="{{ route('vendor.business-profile.update',1) }}" enctype="multipart/form-data">
                                    @csrf
                                      @method('PUT')
                                    <div class="row mb-3">
                                        <div class="col-sm-3">
                                            <h6 class="mb-0">Business Name</h6>
                                        </div>
                                        <div class="col-sm-9 text-secondary">
                                            <input type="text" name="name" class="form-control"
                                               value="{{ $datas?->name }}" />
                                            <x-input-error :messages="$errors->get('name')" class="mt-2" />
                                        </div>
                                    </div>
                                     <div class="row mb-3">
                                        <div class="col-sm-3">
                                            <h6 class="mb-0">Municipality</h6>
                                        </div>
                                        <div class="col-sm-9 text-secondary">
                                            <select  name="municipality_id" class="form-control">
                                               <option value="{{ $datas?->municipality->id }}">{{ $datas?->municipality->name }}</option>
                                            </select>
                                            <x-input-error :messages="$errors->get('address')" class="mt-2" />
                                        </div>
                                    </div>
                                      <div class="row mb-3">
                                        <div class="col-sm-3">
                                            <h6 class="mb-0">Ward</h6>
                                        </div>
                                        <div class="col-sm-9 text-secondary">
                                            <select  name="ward_id" class="form-control">
                                               <option value="{{ $datas?->ward->id }}">{{ $datas?->ward->name }}</option>
                                            </select>
                                            <x-input-error :messages="$errors->get('address')" class="mt-2" />
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <div class="col-sm-3">
                                            <h6 class="mb-0">Email</h6>
                                        </div>
                                        <div class="col-sm-9 text-secondary">
                                            <input type="email" name="email" class="form-control"
                                               value="{{ $datas?->email }}" />
                                            <x-input-error :messages="$errors->get('email')" class="mt-2" />
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <div class="col-sm-3">
                                            <h6 class="mb-0">Phone</h6>
                                        </div>
                                        <div class="col-sm-9 text-secondary">
                                            <input type="text" name="phone" class="form-control"
                                              value="{{ $datas?->phone }}" />
                                            <x-input-error :messages="$errors->get('phone')" class="mt-2" />
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <div class="col-sm-3">
                                            <h6 class="mb-0">Address</h6>
                                        </div>
                                        <div class="col-sm-9 text-secondary">
                                            <input type="text" name="address" class="form-control"
                                               value="{{ $datas?->address }}"  />
                                            <x-input-error :messages="$errors->get('address')" class="mt-2" />
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <div class="col-sm-3">
                                            <h6 class="mb-0">Slogan</h6>
                                        </div>
                                        <div class="col-sm-9 text-secondary">
                                            <input type="text" name="slogan" class="form-control"
                                               value="{{ $datas?->slogan }}"  />
                                            <x-input-error :messages="$errors->get('slogan')" class="mt-2" />
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <div class="col-sm-3">
                                            <h6 class="mb-0">Website</h6>
                                        </div>
                                        <div class="col-sm-9 text-secondary">
                                            <input type="text" name="website" class="form-control"
                                               value="{{ $datas?->website }}" />
                                            <x-input-error :messages="$errors->get('website')" class="mt-2" />
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <div class="col-sm-3">
                                            <h6 class="mb-0">Logo</h6>
                                        </div>
                                        <div class="col-sm-9 text-secondary">
                                            <img src="{{ asset($datas?->logo) }}"
                                                alt="img" width="110">
                                            <input type="file" name="logo">
                                            <x-input-error :messages="$errors->get('logo')" class="mt-2" />
                                        </div>
                                    </div>
                                     <div class="row mb-3">
                                        <div class="col-sm-3">
                                            <h6 class="mb-0">Banner</h6>
                                        </div>
                                        <div class="col-sm-9 text-secondary">
                                            <img src="{{ asset( $datas?->banner )}}"
                                                alt="img" width="110">
                                            <input type="file" name="banner">
                                            <x-input-error :messages="$errors->get('banner')" class="mt-2" />
                                        </div>
                                    </div>

                                     <div class="row mb-3">
                                        <div class="col-sm-3">
                                            <h6 class="mb-0">Short Description</h6>
                                        </div>
                                        <div class="col-sm-9 text-secondary">
                                            <textarea  name="short_desc" class="form-control"
                                                 >{!! $datas?->short_desc !!}</textarea>
                                            <x-input-error :messages="$errors->get('short_desc')" class="mt-2" />
                                        </div>
                                    </div>
                                     <div class="row mb-3">
                                        <div class="col-sm-3">
                                            <h6 class="mb-0">Long Description</h6>
                                        </div>
                                        <div class="col-sm-9 text-secondary">
                                            <textarea  id="summernote" name="long_desc" class="form-control"
                                                 >{!! $datas?->long_desc !!}</textarea>
                                            <x-input-error :messages="$errors->get('long_desc')" class="mt-2" />
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-sm-3"></div>
                                        <div class="col-sm-9 text-secondary">
                                            <button type="submit" class="btn btn-primary px-4">Save Changes</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>

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

       </div>
   @endsection