@extends('seller.layout.master')
@section('content')
    @php 
      $service_title=['ADCM','ADPolice','DOT','GAD','MHR','MOE','Delivery','FAIC']; 
    @endphp
 @if(!Auth::check())
    <div class="box-shadow-for-ui">
        <div class="uou-block-2b">
            <div class="container"> <a href="{{ url('/') }}" class="logo">
                    <img src="{{ secure_asset('assets/web/img/logo.png') }}" alt=""></a>
                <a href="#" class="mobile-sidebar-button mobile-sidebar-toggle"><span></span></a>
                {{-- <nav class="nav">
                    <ul class="sf-menu">
                        <li class="navLinkA active"> <a href="{{ url('index') }}"><img
                                    src="{{ asset('assets/web/images/home.png') }}" class="img-responsive mr-2 mt-2"
                                    height="20" width="20" />Home</a> </li>
                        <li class="navLinkA"> <a href="{{ url('about') }}"><img
                                    src="{{ asset('assets/web/images/2.png') }}" class="img-responsive mr-2 mt-2"
                                    height="20" width="20" />About</a></li>
                        <li class="navLinkA"> <a href="{{ url('faqs') }}"><img
                                    src="{{ asset('assets/web/images/3.png') }}" class="img-responsive mr-2 mt-2"
                                    height="20" width="20" />FAQ</a></li>
                        <li class="navLinkA"> <a href="{{ url('faqs') }}"><img
                                    src="{{ asset('assets/web/images/4.png') }}" class="img-responsive mr-2 mt-2"
                                    height="20" width="20" />Members</a></li>
                        <li class="navLinkA"> <a href="{{ url('term') }}"><img
                                    src="{{ asset('assets/web/images/5.png') }}" class="img-responsive mr-2 mt-2"
                                    height="20" width="20" />Terms</a></li>
                        <li class="navLinkA"> <a href="{{ url('privacy') }}"><img
                                    src="{{ asset('assets/web/images/6.png') }}" class="img-responsive mr-2 mt-2"
                                    height="20" width="20" />Privacy</a></li>
                        <li class="navLinkA"> <a href="{{ url('pricing') }}"><img
                                    src="{{ asset('assets/web/images/7.png') }}" class="img-responsive mr-2 mt-2"
                                    height="20" width="20" />Pricing</a></li>
                        <li class="navLinkA"> <a href="{{ url('comingsoon') }}"><img
                                    src="{{ asset('assets/web/images/8.png') }}" class="img-responsive mr-2 mt-2"
                                    height="20" width="20" />Coming Soon</a></li>
                        <li class="navLinkA"> <a href="{{ url('contact') }}"><img
                                    src="{{ asset('assets/web/images/9.png') }}" class="img-responsive mr-2 mt-2"
                                    height="20" width="20" />Contact</a></li>
                    </ul>
                </nav> --}}
               <a href="{{ url('/') }}"> <h4>Tayseer</h4> </a>
            </div>
        </div>
        <!-- end .uou-block-2b -->
    </div>
 @endif   
<!-- SUB Banner -->
<div class="profile-bnr sub-bnr user-profile-bnr">
    {{-- <div class="position-center-center">
      <div class="container">
        <h2>Search Professionals</h2>
      </div>
    </div> --}}
  </div>
  
  <!-- search -->
  <div class="search-pro">
    <div class="map-search">
      <div class="container">
        <div class="row">
          <div class="col-md-12">
            <div class="map-toggleButton"> <i class="fa fa-bars"></i> </div>
            <form method="get" action="{{route('get-freelancer-by-service')}}">
              <div class="map-search-fields">
                <div class="field">
                <select name="search_by_service" id="search_by_service"
                    class="form-control" data-validation="required"
                    data-validation-error-msg="Please select your title">
                    {{-- <option value="">Select Service</option> --}}
                    <option value="All">All</option>
                      @foreach($service_title as $value)
                            <option value="{{$value}}" 
                            >{{$value}}</option>
                      @endforeach
                </select>
                </div>
                <div class="field">
                  <button type="submit" class="btn btn-primary" style="background:#0099ff">Search Freelancer</button>
                </div>
                {{-- <div class="field">
                  <input type="text" placeholder="Location">
                </div>
                <div class="field custom-select-box">
                  <input type="text" placeholder="Profession">
                </div> --}}
              </div>
                
              </form>
            {{-- <div class="search-button">
              <button>Search Professionals</button>
            </div> --}}
          </div>
        </div>
      </div>
    </div>
  </div>
  
  <!-- Members -->
  <section class="pro-mem">
    <div class="container pb30">
      <h3>Freelancers</h3>
      <div class="row">
        {{-- {{dd($seller_info)}} --}}
        @if(!empty($seller_info) && count($seller_info)>0)
          @foreach($seller_info as $key => $value)
           {{-- <a href="{{route('sellerInfo',['id'=>$value->id])}}"> --}}
            <div class="col-sm-3">
              <div class="uou-block-6a"> 
              
                @if(!empty($value->freelancer) && !empty($value->freelancer->profile_picture))
                 <img style="height:200px" src="{{secure_asset('storage/profile/'.$value->freelancer->profile_picture)}}" alt="">
                @else 
                 <img src="images/member-1.png" alt="">
                @endif
                <h6>{{$value->username}}<span> {{--@if(!empty($value->sellerDetail)){{$value->sellerDetail->Profession}}@endif --}}</span></h6>
                <p><i class="fa fa-map-marker"></i> @if(!empty($value->freelancer)){{$value->freelancer->address}}@endif</p>
              </div>
             {{-- </a>  --}}
              <!-- end .uou-block-6a --> 
            </div>
          @endforeach
        @endif
        {{-- <div class="col-sm-3">
          <div class="uou-block-6a"> <img src="images/member-2.png" alt="">
            <h6>Jessica Walsh <span>Founder &amp; Web Designer</span></h6>
            <p><i class="fa fa-map-marker"></i> New York, USA</p>
          </div>
          <!-- end .uou-block-6a --> 
        </div>
        <div class="col-sm-3">
          <div class="uou-block-6a"> <img src="images/member-2.png" alt="">
            <h6>Jessica Walsh <span>Founder &amp; Web Designer</span></h6>
            <p><i class="fa fa-map-marker"></i> New York, USA</p>
          </div>
          <!-- end .uou-block-6a --> 
        </div>
        <div class="col-sm-3">
          <div class="uou-block-6a"> <img src="images/member-3.png" alt="">
            <h6>Jessica Walsh <span>Founder &amp; Web Designer</span></h6>
            <p><i class="fa fa-map-marker"></i> New York, USA</p>
          </div>
          <!-- end .uou-block-6a --> 
        </div>
        <div class="col-sm-3">
          <div class="uou-block-6a"> <img src="images/member-1.png" alt="">
            <h6>Jessica Walsh <span>Founder &amp; Web Designer</span></h6>
            <p><i class="fa fa-map-marker"></i> New York, USA</p>
          </div>
          <!-- end .uou-block-6a --> 
        </div>
        <div class="col-sm-3">
          <div class="uou-block-6a"> <img src="images/member-1.png" alt="">
            <h6>Jessica Walsh <span>Founder &amp; Web Designer</span></h6>
            <p><i class="fa fa-map-marker"></i> New York, USA</p>
          </div>
          <!-- end .uou-block-6a --> 
        </div>
        <div class="col-sm-3">
          <div class="uou-block-6a"> <img src="images/member-2.png" alt="">
            <h6>Jessica Walsh <span>Founder &amp; Web Designer</span></h6>
            <p><i class="fa fa-map-marker"></i> New York, USA</p>
          </div>
          <!-- end .uou-block-6a --> 
        </div>
        <div class="col-sm-3">
          <div class="uou-block-6a"> <img src="images/member-2.png" alt="">
            <h6>Jessica Walsh <span>Founder &amp; Web Designer</span></h6>
            <p><i class="fa fa-map-marker"></i> New York, USA</p>
          </div>
          <!-- end .uou-block-6a --> 
        </div> --}}
      </div>
    </div>
  </section>




@endsection