@extends('layouts.adminlayouts.app')
@section('title')
<title>Seller Add | {{ $appSetting->title }}</title>
@endsection
@push('css')

<style type="text/css">
  label {
    cursor: pointer;
  }
</style>
      <!-- Select2 -->
  <link rel="stylesheet" href="{{asset('admin_asset/css/plugins/select2/select2.min.css')}}">

@endpush
@section('contents')

<div class="row">
  <div class="col-lg-12">

    @include('alerts.alerts')

    <div class="ibox">
        <div class="ibox-title">
          {{-- <span class="pull-right">
            <a class="btn btn-sm btn-primary" href="{{route('admin.rolesAll')}}" >All Sellers</a>
          </span> --}}
          <h5>New Seller</h5>
        </div>
      <div class="ibox-content">
         
        <div class="row">
         <!-- <div class="col-md-4">

            <form action="{{route('admin.sellerAddPost')}}" method="post" enctype="multipart/form-data">
            @csrf
           
            <div style="border: 1px solid #e3e3f4;padding: 5px;">

 

          <div class="form-group">
              <label>User (Email)</label>

              <select id="user"
            name="user"
            class="form-control select2-container step2-select select2"
            data-placeholder="Name, Email, Usernam, or Mobile Number"
            data-ajax-url="{{route('user.userSelectAjax')}}"
            data-ajax-cache="true"
            data-ajax-dataType="json"
            data-ajax-delay="200"
            style="width: 100%;" required>
                <option>{{old('user')}}</option>
              </select>

            </div> 

            <div class="form-group">
              <label>Vendor Name (Shop Name)</label>
              <input type="text" name="title" class="form-control" placeholder="Seller/Shop Name" required>
            </div>

            <div class="form-group">
            <label>Description</label>
            @if ($errors->has('description'))
              <p style="color: red;margin: 0;">{{ $errors->first('description') }}</p>
            @endif
            <textarea  rows="3" placeholder="Shop/Seller Description" name="description" style="width: 100%">{!!old('description')  !!}</textarea>
            </div>

            <div class="form-group">
              <label>Vendor Mobile</label>
              <input type="text" name="mobile" required class="form-control" placeholder="Mobile Number">
            </div>


            <div class="form-group">
              <label>Vendor Address</label>
              <input type="text" name="address" class="form-control" placeholder="Address">
            </div>

            <div class="form-group">
              <label>State</label>
              <input type="text" name="state" required class="form-control" placeholder="State">
            </div>

            <div class="form-group">
              <label>City</label>
              <input type="text" name="city" required class="form-control" placeholder="City">
            </div>


            <div class="form-group">
              <label>Zip Code</label>
              <input type="text" name="zip_code" class="form-control" placeholder="Zip Code">
            </div>

            <div class="form-group">
              <label>Country</label>
              <input type="text" name="country" class="form-control" placeholder="Country">
            </div>

            <div class="form-group">
              <label>Seller/Logo</label>
  <input type="file" name="logo" class="form-control">
            </div>

 
 
            <div class="form-group">
              <button type="submit" class="btn btn-success">Submit</button>
            </div>
          </div>

        </form>
          </div>-->
          
          <div class="col-md-12">
              
            <div class="row">
                <div class="col-sm-4 m-b-xs">
                    <div class="input-group mb-3">

                    <select class="form-control" name="allaction">
                        <option value="">Select Option</option>
                        <option value="1">Active User</option>
                        <option value="2">In Active User</option>
                    </select>
                    <div class="input-group-append">
                            <button class="btn btn-sm btn-primary" type="button">Action</button>
                        </div>
                    </div>
                </div>
                <div class="col-sm-8">
                    <div class="input-group mb-3">
                        <input type="text" class="form-control form-control-sm" placeholder="Search (ID,Name, email, number)">
                        <div class="input-group-append">
                            <button class="btn btn-sm btn-primary" type="button">Search</button>
                        </div>
                    </div>
                </div>
            </div>
           <table class="table table-bordered table-hover">
               <thead>
               <tr>
                   <th>ID</th>
                   <th>Logo</th>
                   <th>Vendor Name</th>
                   <th>User</th>
                   <th>Mobile</th>
                   <th>Address</th>
                   <th>Status</th>
                   <th>Admin Comm</th>
                   <th>Action</th>
               </tr>
               </thead>
               <tbody>

                @foreach($sellers as $seller)
                
                <tr>
                  <td>{{ $seller->id }}</td>
                  <td>
                    @if($seller->logo)
                    <img width="30" src="{{ asset('storage/seller/logo/'.$seller->logo) }}" alt="">
                    @endif
                  </td>
                  <td><a href="#">{{ $seller->title }}</a></td>
                  <td>{{ $seller->user->email }}</td>
                  <td>{{ $seller->mobile }}</td>
                  <td>{{ $seller->address }}</td>
                  <td>{{ $seller->active ? 'Active' : 'Inactive' }}</td>
                  <td>{{ $seller->admin_commission }}%</td>
                  <td>
                    

                    


<div class="btn-group btn-group-sm">
  <a class="btn btn-sm btn-primary" href="{{ route('admin.sellerEdit', $seller) }}">Edit</a>
  <button type="button" class="btn btn-primary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown">
  </button>
  <div class="dropdown-menu">
    <a target="_blank" class="dropdown-item" href="{{ route('admin.unpaidOrdersOfSeller', $seller) }}">Admin Unpaid Orders</a>
    <a target="_blank" class="dropdown-item" href="{{ route('admin.adminToSellerPaidInvoices', $seller) }}">Admin to Vendor Paid Invoices </a>
  </div>
</div>


                  </td>
                </tr>
                @endforeach
               
               </tbody>


                
           </table>
            
           {{ $sellers->render() }}
           
          </div>
        </div>

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


@endsection
@push('js')
<script type="text/javascript">
  $(document).ready(function(){
    $('#checkall').click(function() {
        var checked = $(this).prop('checked');
        $('input:checkbox').prop('checked', checked);
        $('input:checkbox').toggleClass('checked');
      });

  });
</script>

<script src="{{asset('admin_asset/js/plugins/select2/select2.full.min.js')}}"></script>
<script>
  $(document).ready(function () {
  $('.select2').select2({
    minimumInputLength: 0,
    ajax: {
      data: function (params) {
        return {
          q: params.term, // search term
          page: params.page
        };
      },
      processResults: function (data, params) {
        params.page = params.page || 1;
        // alert(data[0].s);
        var data = $.map(data, function (obj) {
          obj.id = obj.id || obj.email;
          return obj;
        });
        var data = $.map(data, function (obj) {
          obj.text = obj.text || obj.email;
          return obj;
        });
        return {
          results: data,
          pagination: {
            more: (params.page * 30) < data.total_count
          }
        };
      }
    },
  });
});
</script>
@endpush