@extends('customer.buyers.header')
@section('buyerProfileContent')
  <!-- wrapper  -->
  <div id="wrapper">
    <!-- dashbard-menu-wrap -->
    <div class="dashbard-menu-overlay"></div>
    @include('customer.buyers.sidebar')
    <!-- dashbard-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>Add Service</span></div>


        </div>
        <!-- dashboard-title end -->
        <!-- dasboard-wrapper-->
        <div class="dasboard-wrapper fl-wrap no-pag">
          <div class="row">
            <form class="col-sm-12" method="post" action="@if (isset($service)) {{ route('buyer.service.update', $service->id) }}@else{{ route('buyer.service.store') }}@endif" enctype="multipart/form-data">
              @csrf
              @if (isset($service))
                @method('PATCH')
              @endif
              <input type="hidden" name="user_id" value="{{ Auth::guard('buyer')->user()->id }}" />
              <!-- dasboard-widget-title -->
              <!-- dasboard-widget-title -->
              @include('extensions.customer-alerts')
              <div class="dasboard-widget-title  fl-wrap" id="sec2">
                <h5><i class="fas fa-home-lg-alt"></i>Add Services</h5>

              </div>
              <!-- dasboard-widget-title end -->
              <!-- dasboard-widget-title end -->
              <!-- dasboard-widget-box  -->
              <div class="dasboard-widget-box fl-wrap">
                <div class="custom-form add_room-item-wrap">
                  <div class="add_room-container fl-wrap">
                    <!-- add_room-item   -->
                    <div class="add_room-item fl-wrap">
                      <span class="remove-rp tolt" data-microtip-position="left" data-tooltip="Remove Room"><i
                          class="fal fa-times-circle"></i></span>
                      <div class="row">
                        <div class="col-sm-6">
                          <label> Category</label>
                          <div class="listsearch-input-item">
                            <select data-placeholder="All Types" class="chosen-select no-search-select"
                              onchange="getSubCategories(this)" name="category_id" required>
                              <option value=""> Category</option>
                              @foreach ($categories as $category)
                                <option @if (isset($service)) @if ($service->category_id === $category->id) selected @endif @endif value="{{ $category->id }}">
                                  {{ $category->category_name }}</option>
                              @endforeach
                            </select>
                          </div>
                        </div>
                        <div class="col-sm-6 sub-categories">
                          @if (isset($service->category_id))
                            <label>Listing Sub Category</label>
                            <div class="listsearch-input-item">
                              <select data-placeholder="All Types" class="chosen-select no-search-select sub-category"
                                name="sub_category_id" required onchange="getRelatedTags(this)">
                                @foreach ($subCategories as $subCategory)
                                  <option @if ($service->sub_category_id === $subCategory->id) selected @endif value='{{ $subCategory->id }}'>
                                    {{ $subCategory->category_name }}</option>
                                @endforeach
                              </select>
                            </div>
                          @endif
                        </div>

                        <div class="col-sm-6 tags @if (!isset($tags)) hidden @endif">
                          @if (isset($tags))
                            <label>Tags</label>
                            <div class="listsearch-input-item">
                              <select data-placeholder="All Tags" multiple
                                class="chosen-select no-search-select tag-sel-box" name="tags_ids[]">
                                <option value="">Select Tags</option>
                                @foreach ($tags as $tag)
                                  <option @if (isset($service->tags))
                                    @foreach ($service->tags as $buyerTag)
                                      @if ($buyerTag->tag_id === $tag->id) selected @endif
                                    @endforeach
                                @endif
                                value='{{ $tag->id }}'
                                >
                                {{ $tag->type_value }}
                                </option>
                          @endforeach
                          </select>
                        </div>
                        @endif
                      </div>

                    <div class="col-sm-6">
                      <label>Service Name </label>
                      <input type="text" class="input_fix" name="name" placeholder="Name" required maxlength="100"
                        value="@if (isset($service)){{ $service->name }}@endif" />
                    </div>
                    <div class="col-sm-6">
                      <label>Service Cost </label>
                      <input type="number" step="0.01" name="cost" class="input_fix" placeholder="Cost" required
                        min="0" value="@if (isset($service)){{ $service->cost }}@endif" />
                    </div>
                    </div>
                    <div class="row">
                      <div class="col-sm-6">
                        <label>Service Description</label>
                        <div class="listsearch-input-item">
                          <textarea cols="40" rows="3" style="height: 175px;margin-bottom: 10px" placeholder="Details"
                            spellcheck="false" maxlength="1000" name="description">@if (isset($service)){{ $service->description }}@endif</textarea>
                        </div>
                      </div>
                      <div class="col-sm-6">
                        <label>Service Icon/Photo</label>
                        <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" multiple name="photo_file" accept="image/*" />
                          </div>
                        </div>
                      </div>
                    </div>
                    {{-- <div class="clearfix"></div>
                    <label>Service Available in: </label>
                    <div class="col-sm-12 geodir-category_tags">
                      <div class="row">
                        <a href="#" class="cat-opt color-bg">Tax Filling</a>
                        <a href="#" class="cat-opt color-bg">GST Filing</a>
                        <a href="#" class="cat-opt color-bg">Company Incorporation</a>
                        <a href="#" class="cat-opt color-bg">Legal Advice</a>
                      </div>
                    </div> --}}


                  </div>
                  <!--add_room-item end  -->
                </div>
                <button class="btn color-bg  float-btn">Save Service</button>
              </div>
          </div>
          <!-- dasboard-widget-box  end-->


          </form>


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