@extends('layouts.admin')

@section('content')

<div class="card border-0 shadow-sm">

    <div class="card-header bg-white d-flex justify-content-between align-items-center">

        <div>

            <h4 class="mb-0">
                Suppliers
            </h4>

            <small class="text-muted">
                Manage supplier integrations
            </small>

        </div>

        <a href="{{ route('admin.suppliers.create') }}"
           class="btn btn-primary">

            <i class="bi bi-plus-circle"></i>

            Add Supplier

        </a>

    </div>

    <div class="card-body">

        <table id="supplierTable"
               class="table table-hover align-middle">

            <thead>

            <tr>

                <th>ID</th>

                <th>Name</th>

                <th>API URL</th>

                <th>Status</th>

                <th width="150">
                    Action
                </th>

            </tr>

            </thead>

        </table>

    </div>

</div>

@endsection

@push('scripts')

<script>

$(function(){

    $('#supplierTable').DataTable({

        processing:true,

        serverSide:true,

        ajax:"{{ route('admin.suppliers.data') }}",

        columns:[

            {
                data:'id'
            },

            {
                data:'name'
            },

            {
                data:'api_url'
            },

            {
                data:'status_badge',
                orderable:false,
                searchable:false
            },

            {
                data:'action',
                orderable:false,
                searchable:false
            }

        ]

    });

});

</script>
<script>

$(document).on(
    'change',
    '.status-toggle',
    function(){

        let id = $(this).data('id');

        $.ajax({

            url:'/admin/suppliers/'+id+'/toggle-status',

            type:'POST',

            data:{
                _token:'{{ csrf_token() }}'
            },

            success:function(response){

			    $('#supplierTable')
			        .DataTable()
			        .ajax.reload(null,false);

			    showToast(
			        response.message ??
			        'Supplier deleted successfully.',
			        'success'
			    );

			}

        });

});

$(document).on('click','.delete-btn',function(){

    let id = $(this).data('id');

    Swal.fire({
        title:'Delete Supplier?',
        text:'This action cannot be undone.',
        icon:'warning',
        showCancelButton:true,
        confirmButtonColor:'#dc3545'
    }).then((result)=>{

        if(result.isConfirmed){

            $.ajax({

                url:'/admin/suppliers/'+id,

                type:'DELETE',

                data:{
                    _token:'{{ csrf_token() }}'
                },

              success:function(response){

				    $('#supplierTable')
				        .DataTable()
				        .ajax.reload(null,false);

				    showToast(
				        response.message || 'Supplier deleted successfully.',
				        'success'
				    );

				}

            });

        }

    });

});

</script>

@endpush