@extends('admin.layouts.app')

@section('title')
<title>{{ __('pages.deals.title') }} &mdash; {{ config('app.name', 'Laravel') }}</title>
@endsection
@section('header-content')
<h1>{{ __('pages.deals.title') }}</h1>
@include('admin.layouts.partials.breadcrumb-section')
@endsection

@section('content')
<div class="row">
    <div class="col-lg-12 col-md-12 col-12">
        <div class="card">
            <div class="card-body">
            <button id="delete-selected" class="btn btn-danger mb-3 float-right" style="display: none;">Delete Selected</button>
                <div class="table-responsive">
                    <table class="table table-striped" id="all_deals_listing" style="width:100%;">
                        <thead>
                            <tr>
                             <th><input type="checkbox" id="select-all-deals"></th>
                                <th>Deal Name</th>
                                <th>Deal Owner</th>
                                <th>Country</th>
                                <th>Deal Date</th>
                                <th>Time Slot</th>
                                <th>Days</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($deals as $deal)
                                <tr>
                                <td><input type="checkbox" class="deal-checkbox" value="{{ $deal->id }}"></td>
                                    <td>{{ $deal->deal_name }}</td>
                                    <td>{{ $deal->owner_name }}</td>
                                    <td>{{ $deal->country }}</td>
                                    <td data-order="{{ optional($deal->created_at)->format('d-m-Y') }}">
                                        {{ optional($deal->created_at)->format('d-m-Y') }}
                                    </td>
                                    <td>{{ $deal->timing_slot }}</td>
                                    <td>{{ $deal->day }}</td>
                                    <td>
                                        <button class="btn btn-sm btn-danger delete_deal" data-id="{{$deal->id}}">Delete</button>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('page-script')
<script type="text/javascript">
    $(document).ready(function () {
        $('#all_deals_listing').DataTable({
            "ordering": false,
        });

        $('body').on('click', '.delete_deal', function (e) {
            e.preventDefault();
            var data = {
                deal_id: $(this).attr('data-id')
            };
            var confirmMsg = "{{ __('admin_message.confirm_deal_delete') }}";
            var deleteRoute = "{{ route('admin.deals.delete') }}";
            var tableId = "all_deals_listing";
            //common delete function
            deleteFire(deleteRoute,data,tableId,confirmMsg);
        });

          // Handle select all checkbox
        $('#select-all-deals').on('change', function() {
            $('.deal-checkbox').prop('checked', $(this).prop('checked'));
            toggleDeleteSelectedButton();
        });

        // Handle individual checkboxes
        $('body').on('change', '.deal-checkbox', function() {
            toggleDeleteSelectedButton();
        });

        // Toggle delete selected button visibility
        function toggleDeleteSelectedButton() {
            const checkedBoxes = $('.deal-checkbox:checked').length;
            $('#delete-selected').toggle(checkedBoxes > 0);
        }

        // Handle delete selected button click
        $('#delete-selected').on('click', function(e) {
            e.preventDefault();
            const selectedIds = $('.deal-checkbox:checked').map(function() {
                return $(this).val();
            }).get();

            var data = {
                deal_ids: selectedIds
            };
            var confirmMsg = "{{ __('admin_message.confirm_multiple_deals_delete') }}";
            var deleteRoute = "{{ route('admin.deals.delete-multiple') }}";
            var tableId = "all_deals_listing";
            //common delete function
            deleteFire(deleteRoute, data, tableId, confirmMsg);
        });
    });
</script>
@endsection