@extends('layouts.seller_panel')

@section('top-scripts')
  <!-- SweetAlert2 -->
  <link rel="stylesheet" href="{{ URL::asset('plugins/sweetalert2-theme-bootstrap-4/bootstrap-4.min.css') }}">
@endsection

@section('content')
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
  <!-- Content Header (Page header) -->
  <div class="content-header">
    <div class="container">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h1 class="m-0 text-dark"><a href="{{ URL('s/deals') }}"><span class="badge bg-green"><i class="nav-icon fas fa-user-plus"></i> Create Client</span></a></h1>
        </div><!-- /.col -->
      </div><!-- /.row -->
    </div><!-- /.container-fluid -->
  </div>
  <!-- /.content-header -->

  <!-- Main content -->
  <div class="content">
    <div class="container">              
          <table id="example1" class="table table-bordered table-striped">
            <thead class="thead-dark">
            <tr>
              <th>User ID</th>              
              <th>Name</th>
              <th>Email ID</th>
              <th>Client Link</th>
              <th>Edit</th>
              <th>Delete</th>
            </tr>
            </thead>
            <tbody>
            @foreach($clients as $client)
              <tr>
                <td>{{ $client->id }}</td>
                <td>{{ $client->name }}</td>
                <td><a href="mailto:{{ $client->email }}">{{ $client->email }}</a></td>
                <td>
                  <a id="text_element" href="/client-report/" target="_blank">{{ request()->getHost() }}/client-report/</a> &nbsp;&nbsp;
                  <button class="btn btn-default btn-outline-secondary" onclick="copy_text('text_element')"><i class="fas fas fa-copy" aria-hidden="true"></i></button>
                </td>
                <td>
                  <a class="btn btn-block btn-sm btn-success" href="clients//edit"><i class="nav-icon fas fa-edit"></i> Edit</a>
                </td>
                <td>
                  <form method="post" id="delete_client_form" action="clients/">
                    {{ method_field('DELETE') }}
                    {{ csrf_field() }}
                  </form>
                  <a class="btn btn-block btn-sm btn-danger" href="javascript:delete_client()" onclick="" form="delete_client_form"><i class="nav-icon fas fa-trash"></i> Delete</a>
                </td>
              </tr>
            @endforeach
            </tfoot>
          </table>
    </div><!-- /.container-fluid -->
  </div>
  <!-- /.content -->
</div>
<!-- /.content-wrapper --> 
@endsection

@section('bottom-scripts')
<!-- SweetAlert2 -->
<script src="{{ URL::asset('plugins/sweetalert2/sweetalert2.min.js') }}"></script>

<script>
    var Toast = Swal.mixin({
      toast: true,
      position: 'center',
      showConfirmButton: false,
      timer: 5000
    });

    function my_fun(icon_data, title_data)
    {
      Toast.fire({
        icon: icon_data,
        title: title_data
      });
    }
</script>


<script>
  function delete_client(x) {
    if(confirm('Are you sure?'))
    {
      var form_name = "delete_client_form" + x;
      document.getElementById(form_name).submit();
    }
}

function copy_text(elementId) {
var aux = document.createElement("input");
aux.setAttribute("value", document.getElementById(elementId).innerHTML);
document.body.appendChild(aux);
aux.select();
document.execCommand("copy");
document.body.removeChild(aux);
var out = "Success : The client link is successfully copied to clipboard";
my_fun('success', out);
}
</script>
@endsection