@extends('layouts.admin')

@section('page-header', 'Adoptions ')

@section('styles')
<style>
      div.dataTables_wrapper {
        width: 800px;
        margin: 0 auto;
    }
</style>
@endsection

@section('content')
    <div class="white-component">
    <div class="alert alert-success print-success-msg" style="display:none">
        <p></p>
    </div>
    <div class="alert alert-danger print-error-msg-adoptions" style="display:none">
         <ul></ul>
     </div>
     <table id="table" class="table table-striped table-bordered" style="width:100%">
     <thead>
            <th >First Name</th>
            <th class="th-sm">Surname</th>
            <th class="th-sm">Email</th>
            <th class="th-sm">Wreck</th>
            <th class="th-sm">Created At</th>
            <th class="th-sm">Select Members</th>
            <th>Action</th>
        </thead>
        <tbody>
                </tbody>
        
    </table>


</div>
@endsection

@section('scripts')
<script>

  

    $("form#adoptions").submit(function(e) {
     
            e.preventDefault();    
            var adoptionsFormData = new FormData(this);
            $.ajax({
              url: '/surfer-sheet/edit',
              type: 'POST',
              data: adoptionsFormData,
             
              success: function (data) {
                  if($.isEmptyObject(data.error)){
                    $(".print-success-msg").css('display','block');
                    $(".print-success-msg").find("p").append(data.success);
                    //  setTimeout(function(){
                    //     location.reload();
                    // }, 4500);
                  }
                  if (data.error){
                     $(".print-error-msg-adoptions").find("ul").html('');
                     $(".print-error-msg-adoptions").css('display','block');
                     $.each( data.error, function( key, value ) {
                         $(".print-error-msg-adoptions").find("ul").append('<li>'+value+'</li>');
                     });
                  }
              },
              cache: false,
              contentType: false,
              processData: false
            });
         });



    for (var i = 1; i <= '0'; i++) {
      console.log(i);
      $('#search'+i).selectize();
    }


    function deletAdoptation(adoptation_id, wreck_id, user_id) {
      
        swal("Enter reason for the rejection :", {
          content: "input"
        }).then(function (value) {
          $.ajax({
            type: "POST",
            url: "/admin/adopt_wrecks/reject",
            data: {
              comment: value,
              wreck_id: wreck_id,
              adoptation_id: adoptation_id,
              user_id: user_id,
            },
            success: function success(msg) {
              window.location.reload();
            }
          });
        });
    }

$(document).ready(function() {

 

  $('#table').DataTable({
    columnDefs: [
    {bSortable: false, targets: [2,4,5,6]} 
  ],
  "bPaginate": false
  });
} );

</script>
@endsection