@extends('customer.buyers.header')
@section('buyerProfileContent')
  <!-- header end  -->
  <!-- wrapper  -->
  <div id="wrapper">
    <!-- dashbard-menu-wrap -->
    <div class="dashbard-menu-overlay"></div>
    @include('customer.buyers.sidebar')
    <!-- dashboard-menu-wrap end  -->
    <!-- content -->
    <div class="dashboard-content">
      <div class="dashboard-menu-btn color-bg"><span><i class="fas fa-bars"></i></span>Dasboard Menu</div>
      <div class="container dasboard-container">
        <!-- dashboard-title -->
        <div class="dashboard-title fl-wrap">
          <div class="dashboard-title-item"><span>Edit Profile</span></div>


        </div>
        <!-- dashboard-title end -->
        <!-- dasboard-wrapper-->
        <div class="dasboard-wrapper fl-wrap no-pag">
          <div class="row">

            <div class="col-sm-12">

              <div class="dasboard-widget-box nopad-dash-widget-box fl-wrap">
                <div class="edit-profile-photo">
                  <img src="@if (isset(Auth::guard('buyer')->user()->photo)) {{ asset('consultant/public/uploads/buyer') . '/' . Auth::guard('buyer')->user()->photo }} @else {{ asset('allUsers/150X150.png') }}@endif" class="respimg" alt="">
                  <div class="change-photo-btn">
                  </div>
                </div>
                <div class="bg-wrap bg-parallax-wrap-gradien">
                  <div class="bg" data-bg="@if (isset(Auth::guard('buyer')->user()->cover_photo)) {{ asset('consultant/public/uploads/buyer') . '/' . Auth::guard('buyer')->user()->cover_photo }} @else {{ asset('allUsers/1000X200.png') }}@endif"></div>
                </div>
                <div class="change-photo-btn cpb-2  ">
                  <div class="photoUpload color-bg">
                    <span> <i class="far fa-camera"></i> Change Cover </span>
                    <input type="file" class="upload" name="cover_pic" accept="image/*" form="basic-profile-form">
                  </div>
                </div>
              </div>
            </div>

            <div class="col-sm-12">

              <div class="dasboard-scrollnav-wrap scroll-to-fixed-fixed scroll-init2 fl-wrap">
                <ul>
                  <li><a href="#sec1" class="act-scrlink">Info</a></li>
                  <li><a href="#sec3">Representative</a></li>
                  <li><a href="#sec7">Banner</a></li>
                </ul>
                <div class="progress-indicator">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="-1 -1 34 34">
                    <circle cx="16" cy="16" r="15.9155" class="progress-bar__background" />
                    <circle cx="16" cy="16" r="15.9155"
                      class="progress-bar__progress 
                                            js-progress-bar" />
                  </svg>
                </div>
              </div>

              @include('extensions.customer-alerts')

              <form action="{{ route('buyer.profile-update', [Auth::guard('buyer')->user()->id]) }}" method="post"
                enctype="multipart/form-data" id="basic-profile-form">
                @csrf
                @method('PATCH')
                <!-- dasboard-widget-title -->
                <div class="dasboard-widget-title dwb-mar fl-wrap" id="sec3">
                  <h5><i class="fas fa-list"></i>Representative</h5>
                </div>
                <!-- dasboard-widget-title end -->
                <!-- dasboard-widget-box  -->
                <div class="dasboard-widget-box fl-wrap">
                  <div class="custom-form">
                    <div class="row">
                      <div class="col-sm-6">
                        <div class="row">
                          <div class="col-sm-12">
                            <label>Name:</label>
                            <input type="text" name="name" required maxlength="100" pattern="[a-zA-Z ]+{100}"
                              title="100 alphabet name only" class="input_fix" placeholder="Name"
                              value="{{ Auth::guard('buyer')->user()->name }}" />
                          </div>
                          <div class="col-sm-12">
                            <label>Email: </label>
                            <input type="email" name="email" class="input_fix" placeholder="Email Id"
                              value="{{ Auth::guard('buyer')->user()->email }}" />
                          </div>
                          <div class="col-sm-12">
                            <label>Mobile: </label>
                            <input type="number" name="phone" min="0"
                              onkeypress="if(this.value.length===10) return false;" class="input_fix"
                              placeholder="Mobile No." value="{{ Auth::guard('buyer')->user()->phone }}" />
                          </div>
                          <div class="col-sm-12">
                            <label>Department: </label>
                            <div class="listsearch-input-item">
                              <select data-placeholder="All Types" class="chosen-select no-search-select"
                                name="department">
                                <option value=""> Select Department</option>
                                <option @if (Auth::guard('buyer')->user()->department === 'Department One') selected @endif value="Department One">Department One</option>
                                <option @if (Auth::guard('buyer')->user()->department === 'Department Two') selected @endif value="Department Two">Department Two</option>
                              </select>
                            </div>
                          </div>

                        </div>
                      </div>
                      <div class="col-sm-6">
                        <div class="row">
                          <div class="col-sm-12">
                            <label>Designation: </label>
                            <div class="listsearch-input-item">
                              <select data-placeholder="All Types" class="chosen-select no-search-select"
                                name="designation">
                                <option value=""> Select Designation</option>
                                <option @if (Auth::guard('buyer')->user()->designation === 'Designation One') selected @endif value="Designation One">Designation One</option>
                                <option @if (Auth::guard('buyer')->user()->designation === 'Designation Two') selected @endif value="Designation Two">Designation Two</option>
                              </select>
                            </div>
                          </div>
                          <div class="col-sm-12">
                            <label>Photo</label>
                            <div class="listsearch-input-item fl-wrap">
                              <div class="fuzone" @if (isset(Auth::guard('buyer')->user()->photo))
                                style="background:
                                url('{{ asset('consultant/public/uploads/buyer') . '/' . Auth::guard('buyer')->user()->photo }}');background-repeat:
                                no-repeat;background-size: cover;
                                background-position: center center;
                                "
                                @endif
                                >
                                <div class="fu-text">
                                  <span><i class="far fa-cloud-upload-alt"></i> Click here or drop files to upload</span>
                                  <div class="photoUpload-files fl-wrap"></div>
                                </div>
                                <input type="file" class="upload" name="profile_pic" accept="image/*">
                              </div>
                            </div>
                          </div>
                        </div>

                      </div>
                    </div>
                        <button class="btn color-bg  float-btn">Save Changes</button>

                  </div>

                </div>
                <!-- dasboard-widget-title -->
                {{-- <div class="dasboard-widget-title dwb-mar fl-wrap" id="sec7">
                  <h5><i class="fas fa-list"></i>Banner @if (isset(Auth::guard('buyer')->user()->banner)) <a target="_blank" href="{{ asset('consultant/public/uploads/buyer') . '/' . Auth::guard('buyer')->user()->banner }}"> <i class="fa fa-download"></i> </a> @endif</h5>
                </div> --}}
                <!-- dasboard-widget-title end -->
                <!-- dasboard-widget-box  -->
                {{-- <div class="dasboard-widget-box fl-wrap">
                  <div class="custom-form">
                    <div class="row">

                      <div class="col-sm-12">
                        <div class="listsearch-input-item fl-wrap">
                          <div class="fuzone">
                            <div class="fu-text">
                              <span><i class="far fa-cloud-upload-alt"></i> Click here or drop files to upload</span>
                              <div class="photoUpload-files fl-wrap"></div>
                            </div>
                            <input type="file" class="upload" name="banner_pic" accept="image/*">
                          </div>
                        </div>
                      </div>
                    </div>

                    <button class="btn color-bg  float-btn">Save Changes</button>
                  </div>
                </div> --}}
              </form>


            </div>


          </div>
        </div>
        <!-- dasboard-wrapper end -->
      </div>
    @endsection