@extends('layouts/default')
@section('commonbuttonstop')
@if(\Session::get('main_seller_id') != '')
   @if(!empty($settingData))
      @endif
   
  @if(!empty($settingData))
    @endif
  @if($marketplace_name == 'qbdbc')
    <a type="button" class="nav-item nav-link" href="{{ route('setting\qbdauth',array('downloadFile' => 'yes', 'seller_id' => $seller_id)) }}">Download QWC File</a>
  @endif
  <a href="javascript:void(0);" class="nav-item nav-link active">{{config('app.tabLables')['seller_contacts']}}</a>
  <a type="button" class="nav-item nav-link" href="{{ route('contact\contactus', array('seller_id'=>$seller_id)) }}">{{config('app.tabLables')['contact_us']}}</a>

@endif
@stop

@section('title')
{{ trans('general.seller_contact') }}
@stop

@section('commonbuttons')
  <a href="#" class="btn btn-primary waves-effect waves-light my-3 btn-sm" data-bs-toggle="modal" data-bs-target="#modal-contactadd"><i class="ti ti-plus me-sm-1"></i> Add New</a>
@stop

@section('content')
<div class="px-3 pb-3 d-flex justify-content-between">
  <div class="col-12">
    <p class="body-text">
      If you want to invite any other person from your team or your accountant, bookkeeper or CA/CPA, please add their contact details here. An invitation will be sent to the email address that you enter. After the receipient accepts the invite, they will be able to access this Seller details. If they do not already have an account with us, they will be required to create an account with us. 
    </p>
  </div>
</div>
<div class="content-inner ">
  <div class="card card-secondary px-4 sellers-contact-table-sec no-hover">
    <div class="card-datatable">
      <table class="table" id="sellers-contacts">
        <thead>
          <tr>
            <th>Action </th>
            <th>Name</th>
            <th>Contact Number</th>
            <th>Email Address</th>
            <th>Role</th>
            <th>Sellers</th>
          </tr>
        </thead>
        <tbody>
        @if(!empty($contactData))
          @foreach($contactData as $contact)
            <tr>
              <th>
                  <a href='javascript:void(0);' onclick='geteditContact("{{ $contact->id }}")'><i class="ti ti-pencil ti-lg align-middle btn-text-primary rounded-pill btn-icon"></i></a>
                  <a href='javascript:void(0);' onclick='deleteContact("{{ $contact->id }}");'><i class="ti ti-trash ti-lg align-middle btn-text-primary rounded-pill btn-icon"></i></a>
                  <a href='javascript:void(0);' class='btn btn-sm btn-info' onclick='resendInvitation("{{ $contact->id }}");' style='margin:10px;'>Resend Invitaion</a>
              </th>
              <th>{{ $contact->name }}</th>
              <th>{{ $contact->phone }}</th>
              <th>{{ $contact->email }}</th>
              <th>{{ $contact->role }}</th>
              <th>{{ $contact->seller_name }}</th>
            </tr>
          @endforeach
        @endif
        </tbody>
      </table>
    </div>
  </div>                        
</div>

<div class="modal fade" id="modal-contactadd" style="display: none;">
  <div class="modal-dialog" >
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Add Contact Information</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
          <div class="row">
            <div class="col-md-12">
              <form id="create-form" class="" method="post" action="{{ route('contact\postContactDetail', array('seller_id'=>$seller_id)) }}" autocomplete="off" role="form" enctype="multipart/form-data" >
                {{ csrf_field() }}
                <div class="mb-3 {{ $errors->has('name') ? ' has-error' : '' }}">
                  <!-- <div class="next-label">Name</div> -->
                  <input class="form-control" type="text" name="name" id="name" value="{{ Input::old('name') }}" placeholder="Name" />
                  {!! $errors->first('name', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
                </div>
                

                <div class="mb-3 {{ $errors->has('email') ? ' has-error' : '' }}">
                  <!-- <div class="next-label">E-mail</div> -->
                  <input class="form-control" type="text" name="email" id="email" value="{{ Input::old('email') }}" placeholder="Email" />
                  {!! $errors->first('email', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
                </div>

                <div class="mb-3 {{ $errors->has('phone') ? ' has-error' : '' }}">
                  <!-- <div class="next-label">phone</div> -->
                  <input class="form-control" type="text" name="phone" id="phone" value="{{ Input::old('phone') }}" placeholder="Phone" />
                  {!! $errors->first('phone', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
                </div>
                @if(!in_array(@$_SERVER['HTTP_HOST'],config('app.embadedAppHost')) && count($SellerList) > 1)        
                <!-- <div class="form-group {{ $errors->has('assign_seller_id') ? ' has-error' : '' }}">
                  {{ Form::select('assign_seller_id', $Sellers , Input::old('assign_seller_id', ''), array('class'=>'select2', 'style'=>'width:100%')) }}
                  {!! $errors->first('assign_seller_id', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
                </div> -->
                @endif
                <div class="mb-3 {{ $errors->has('role') ? ' has-error' : '' }}">
                  {{ Form::select('role', array(''=>'Select Role','Admin'=>'Admin','Manager'=>'Manager') , Input::old('role', ''), array('class'=>'form-select')) }}
                  {!! $errors->first('role', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
                </div>
                <div class="form-check">
                  <input type="checkbox" id="notification_on" name="notification_on" class="form-check-input">
                  <label for="notification_on">Notification On</label>
                </div>
                <div class="col-md-12 text-center">

                  <button type="submit" class="btn btn-primary waves-effect waves-light">Save</button>
                </div>
              </form>
            </div>
          </div>
      </div>
      <!-- <div class="modal-footer">
        <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary" onclick="createNewSettingAccount();">Create</button>
      </div> -->
    </div>
  </div>
</div>

<div class="modal fade" id="modal-contactedit" style="display: none;">
  <div class="modal-dialog" >
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Edit Contact Information</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
          <div class="row">
            <div class="col-md-12" style="">
              <form id="create-form-edit" class="" method="post" action="{{ route('contact\postEditContactDetail',array('seller_id'=>$seller_id)) }}" autocomplete="off" role="form" enctype="multipart/form-data" >
                {{ csrf_field() }}
                <input type="hidden" name="id" id="edit_id" value="{{ Input::old('id') }}"></input>
                <div class="mb-3 {{ $errors->has('name') ? ' has-error' : '' }}">
                  <!-- <div class="next-label">Name</div> -->
                  <input class="form-control" type="text" name="name" id="name_edit" value="{{ Input::old('name') }}" placeholder="Name" />
                  {!! $errors->first('name', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
                </div>
               
                <div class="mb-3 {{ $errors->has('email') ? ' has-error' : '' }}">
                  <!-- <div class="next-label">E-mail</div> -->
                  <input class="form-control" type="text" name="email" id="email_edit" value="{{ Input::old('email') }}" placeholder="Email" />
                  {!! $errors->first('email', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
                </div>

                <div class="mb-3 {{ $errors->has('phone') ? ' has-error' : '' }}">
                  <!-- <div class="next-label">phone</div> -->
                  <input class="form-control" type="text" name="phone" id="phone_edit" value="{{ Input::old('phone') }}" placeholder="Phone" />
                  {!! $errors->first('phone', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
                </div>
                @if(!in_array(@$_SERVER['HTTP_HOST'],config('app.embadedAppHost')) && count($SellerList) > 1)        
                <!-- <div class="form-group {{ $errors->has('assign_seller_id') ? ' has-error' : '' }}">
                  {{ Form::select('assign_seller_id', $Sellers , Input::old('assign_seller_id'), array('class'=>'select2', 'id'=>'assign_seller_id','style'=>'width:100%')) }}
                  {!! $errors->first('assign_seller_id', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
                </div> -->
                @endif
                <div class="mb-3 {{ $errors->has('role') ? ' has-error' : '' }}">
                  {{ Form::select('role', array(''=>'Select Role','Admin'=>'Admin','Manager'=>'Manager') , Input::old('role'), array('class'=>'form-select', 'id'=>'role_edit')) }}
                  {!! $errors->first('role', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
                </div>

                <div class="form-check">
                  <input type="checkbox" id="notification_on_edit" name="notification_on" class="form-check-input">
                  <label for="notification_on">Notification On</label>
                </div>

                <div class="col-md-12 text-center">
                  <button type="submit" class="btn btn-primary waves-effect waves-light">Save Changes</button>
                </div>
              </form>
            </div>
          </div>
      </div>
      <!-- <div class="modal-footer">
        <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary" onclick="createNewSettingAccount();">Create</button>
      </div> -->
    </div>
  </div>
</div>

@stop
@section('moar_scripts')
<script>
$(document).ready(function(){
      datatable = new DataTable('#sellers-contacts',{
        "columnDefs": [
          { "targets": [0], "orderable": false }
        ]
      });

    });
</script>
@if(!empty(Session::get('add_error')) && Session::get('add_error') == 'on')
<script>
$(function() {
    $('#modal-contactadd').modal('show');
});
</script>
@endif
@if(!empty(Session::get('edit_error')) && Session::get('edit_error') == 'on')
<script>
$(function() {
    $('#modal-contactedit').modal('show');
});
</script>
@endif

<script type="text/javascript">
 
$(function() {

  $("#create-form").validate({
    rules: {
      name: {
        required: true,
        minlength: 3
      },
      email: {required:true,email: true},
      phone: {required:true,maxlength: 20},
      role: {required:true,maxlength: 20},
      seller_id: "required",
    },
    messages: {
      name: {
        required: "Please enter name",
        minlength: "Your name must be at least 3 characters"
      },
      email: "Please enter email",
      phone: "Please enter phone",
      role: "Please enter role",
      seller_id: "Please select Seller",
    }
  });
});
$(function() {

  $("#create-form-edit").validate({
    rules: {
      name: {
        required: true,
        minlength: 3
      },
      email: {required:true,email: true},
      phone: {required:true,maxlength: 20},
      role: {required:true,maxlength: 20},
      seller_id: "required",
    },
    messages: {
      name: {
        required: "Please enter name",
        minlength: "Your name must be at least 3 characters"
      },
      email: "Please enter email",
      phone: "Please enter phone",
      role: "Please enter role",
      seller_id: "Please select Seller",
    }
  });
});

 function deleteContact(id)
    {
      bootbox.confirm({
          
          message: "Are you sure you want to delete this Contact Information?",
          buttons: {
              cancel: {
                  label: '<i class="fa fa-times"></i> Cancel'
              },
              confirm: {
                  label: '<i class="fa fa-check"></i> Confirm'
              }
          },
          callback: function (result) {
              if(result)
              {
                $.ajax({
                        type: 'GET',
                        url: "{{route('deletecontactdetail',array('seller_id'=>$seller_id))}}", 
                        data:"id="+id,
                        success:function( data ) 
                        { 
                           window.location.reload();
                        },
                        error : function(xhr,status,error)
                        {
                           window.settingsEditor.refresh();
                        }
                });
              }
          }
      });
    }

function geteditContact(id){
  $.ajax({
          type: 'GET',
          url: "{{route('editcontactdetail',array('seller_id',$seller_id))}}", 
          data:"id="+id,
          success:function( data ) 
          { 
             var data = JSON.parse(data);
             console.log(data);
             $('#edit_id').val(data['id']);
             $('#name_edit').val(data['name']);
             $('#email_edit').val(data['email']);
             $('#phone_edit').val(data['phone']);
             $('#role_edit').val(data['role']);
             $('#role_edit').select2().trigger('change');
             $('#assign_seller_id').val(data['seller_id']);
             $('#assign_seller_id').select2().trigger('change');
             if(data['notification_on'] == 'Y')
             $('#notification_on_edit').prop( "checked", true );
             else
             $('#notification_on_edit').prop( "checked", false );
            $('#modal-contactedit').modal('show');
          },
          error : function(xhr,status,error)
          {
             window.settingsEditor.refresh();
          }
  });
}
function resendInvitation(id){
  $.ajax({
          type: 'GET',
          url: "{{route('resendinvitation',array('seller_id'=>$seller_id))}}", 
          data:"id="+id,
          success:function( data ) 
          { 
             //window.location.reload();
          },
          error : function(xhr,status,error)
          {
             //window.settingsEditor.refresh();
          }
  });
}
function delSubmit(){
    $.ajax({
        url: "demo_test.txt",
        success: function(result){
        $("#div1").html(result);
      }
    });
}

</script>
@stop