@php($isEdit = $id ? true : false)
<div class="modal-header">
    <h5 class="modal-title mb-0">{{ $isEdit ? 'Edit' : 'Add' }} Custom Channel</h5>
    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
    <form id="form-custom-channel" data-id="{{ $id }}" class="ajax-no-change">
        <div class="mb-3">
            <label for="channel_name" class="form-label">Channel Name <span class="text-danger">*</span></label>
            <input type="text" name="name" id="channel_name" class="form-control" maxlength="100" value="{{ $channel->name ?? '' }}" required>
        </div>
    </form>
</div>
<div class="modal-footer">
    <button type="button" class="btn btn-primary" id="btn-save-custom-channel">Save</button>
    <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancel</button>
</div>
<script>
(function(){
    if(typeof window.jQuery==='undefined'){return setTimeout(arguments.callee,50);}    
    $('#btn-save-custom-channel').on('click', function(){
        var $f = $('#form-custom-channel');
        var id = $f.data('id');
        var name = $.trim($('#channel_name').val());
        if(!name){ $('#channel_name').focus(); return; }
        var url = id ? '{{ route($routePrefix.'.update-channel', ['id'=>'__ID__']) }}'.replace('__ID__', id) : '{{ route($routePrefix.'.store-channel') }}';
        $.post(url,{name:name,_method: id? 'PUT':'POST', _token:'{{ csrf_token() }}'}, function(resp){
            if(resp.status===200){ if(window.$ && window.fetchTicketSettingsData){ fetchTicketSettingsData(); } $('.modal').modal('hide'); }
            else Swal.fire('Error', resp.message || 'Failed','error');
        }).fail(function(xhr){ Swal.fire('Error', xhr.responseJSON?.message || 'Failed','error'); });
    });
})();
</script>