@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => 'Revenue'])
    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <form role="form" method="POST" id="revenueForm" action="{{ route('event-revenue-save') }}"
                        enctype="multipart/form-data">
                        @csrf
                        <input type="hidden" name="eventId" value="{{$eventId}}">
                        <div id="editPart">
                            <div class="card-header pb-0">
                                <div class="d-flex justify-content-between">
                                    <p class="text-dark">Moi Details</p>
                                    <p class="text-white badge bg-primary"><span class="text-md">Total : ₹{{$totalRevenue ?? 0}} </span></p>
                                </div>
                            </div>
                            <div class="card-body">
                                <div class="row">

                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="givers_name" class="form-control-label">Giver's Name</label>
                                            <input class="form-control @error('givers_name') is-invalid @enderror"
                                                type="text" id="givers_name" name="givers_name"
                                                placeholder="Enter Giver Name" value="{{ old('givers_name') }}">
                                            @error('givers_name')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="city" class="form-control-label">City</label>
                                            <input class="form-control @error('city') is-invalid @enderror" type="text"
                                                id="city" name="city" value="{{ old('city') }}" placeholder="Enter City">
                                            @error('city')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="amount" class="form-control-label">Amount</label>
                                            <input class="form-control @error('amount') is-invalid @enderror" type="text"
                                                id="amount" name="amount" step="0.01" placeholder="Enter Amount"
                                                value="{{ old('amount') }}">
                                            @error('amount')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>

                                    <div>
                                        <button type="submit" class="btn btn-primary btn-sm">Save</button>
                                        <a href="{{ route('event-index') }}"
                                            class="btn btn-secondary btn-sm mb-3">Cancel</a>
                                        <button type="button" class="btn btn-primary btn-sm"
                                            onclick="location.reload();">New</button>
                                        
                                    </div>

                                    {{-- <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="payment_type" class="form-control-label">Payment Type</label>
                                            <select class="form-select @error('payment_type') is-invalid @enderror"
                                                id="payment_type" name="payment_type" value="{{ old('payment_type') }}">
                                                <option value="">Select Type</option>
                                                @foreach ($payment as $item)
                                                    <option value="{{$item->id}}">{{$item->name}}</option>
                                                @endforeach
                                            </select>
                                            @error('payment_type')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="phone" class="form-control-label">Phone</label>
                                            <input class="form-control @error('phone') is-invalid @enderror" type="text"
                                                id="phone" name="phone" value="{{ old('phone') }}"
                                                placeholder="Enter Phone number">
                                            @error('phone')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>


                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="givers_father_name" class="form-control-label">Givers Father
                                                Name</label>
                                            <input class="form-control @error('givers_father_name') is-invalid @enderror"
                                                type="text" id="givers_father_name" name="givers_father_name" step="0.01"
                                                placeholder="Enter Father Name" value="{{ old('givers_father_name') }}">
                                            @error('givers_father_name')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="address" class="form-control-label">Address</label>
                                            <textarea class="form-control @error('address') is-invalid @enderror"
                                                id="address" name="address" rows="1"
                                                placeholder="Enter a Address">{{ old('address') }}</textarea>
                                            @error('address')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="remarks" class="form-control-label">Remarks</label>
                                            <textarea class="form-control @error('remarks') is-invalid @enderror"
                                                id="remarks" name="remarks" rows="1"
                                                placeholder="Enter a remarks">{{ old('remarks') }}</textarea>
                                            @error('remarks')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div> --}}
                                </div>
                            </div>
                        </div>
                        <div class="table-responsive">
                            <table class="table borderd text-sm" id="myTable1">
                                <thead>
                                    <tr>
                                        <th class="text-center">Action</th>
                                        <th class="text-center">Giver's Name</th>
                                        {{-- <th class="text-center">Phone</th> --}}
                                        <th class="text-center">City</th>
                                        <th class="text-center">Amount</th>
                                        {{-- <th class="text-center">Giver's Father Name</th>
                                        <th class="text-center">Address</th>
                                        --}}
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($revenue as $data)
                                        <tr>
                                            <td class="text-center">
                                                <a href="javascript:void(0);" data-bs-toggle="tooltip" data-bs-placement="top"
                                                    title="Edit" class="edit-revenue" data-id="{{ $data->id }}"> <i
                                                        class="fa-solid fa-pen-to-square"></i> </a>
                                                <a href="javascript:void(0);" data-bs-toggle="tooltip" data-bs-placement="top"
                                                    title="Delete" class="delete-revenue" data-id="{{ $data->id }}"><i
                                                        class="fa-solid fa-trash"></i></a>
                                            </td>
                                            <td class="text-center">{{$data->givers_name ?? ''}} </td>
                                            {{-- <td class="text-center">{{$data->phone ?? ''}} </td> --}}
                                            <td class="text-center">
                                                {{$data->city ?? ''}}
                                            </td>
                                            <td class="text-center">{{$data->amount ?? ''}} </td>
                                            {{-- <td class="text-center">{{$data->givers_father_name ?? ''}} </td>
                                            <td class="text-center">{{$data->address ?? ''}} </td> --}}
                                           
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('scripts')
    <script>
        $(document).ready(function () {
            $('#expense_type').select2({
                placeholder: "Select or type a new type",
                tags: true,
                tokenSeparators: [','],
                createTag: function (params) {
                    return {
                        id: params.term,
                        text: params.term
                    };
                }
            });
        });
    </script>
    <script>
        $('.edit-revenue').click(function () {
            let revenueId = $(this).data('id');

            $.ajax({
                url: "{{ route('get-revenue') }}",
                type: "GET",
                data: { id: revenueId },
                success: function (response) {
                    if (response.success) {
                        let revenue = response.data;

                        $('#givers_name').val(revenue.givers_name);
                        $('#phone').val(revenue.phone);
                        $('#city').val(revenue.city);
                        $('#amount').val(revenue.amount);
                        $('#remarks').val(revenue.remarks);
                        $('#payment_type').val(revenue.payment_type).trigger('change');
                        $('#givers_father_name').val(revenue.givers_father_name);
                        $('#address').val(revenue.address);

                        // Add a hidden input for ID
                        if ($('#revenue_id').length === 0) {
                            $('<input>').attr({
                                type: 'hidden',
                                id: 'revenue_id',
                                name: 'revenue_id',
                                value: revenue.id
                            }).appendTo('form');
                        } else {
                            $('#revenue_id').val(revenue.id);
                        }
                    } else {
                        alert('Revenue details not found!');
                    }
                },
                error: function () {
                    alert('Error fetching data!');
                }
            });
        });

    </script>
    <script>
        $(document).on('click', '.delete-revenue', function () {
            let revenueId = $(this).data('id');
            if (!confirm('Are you sure you want to delete this Revenue?')) {
                return;
            }
            $.ajax({
                url: "{{ route('delete-revenue') }}",
                type: "DELETE",
                data: {
                    id: revenueId,
                    _token: "{{ csrf_token() }}"
                },
                success: function (response) {
                    if (response.success) {
                        toastr.success(response.message);
                        setTimeout(() => location.reload(), 800);
                    } else {
                        toastr.error(response.message);
                    }
                },
                error: function () {
                    toastr.error('Error deleting revenue!');
                }
            });
        });

    </script>
    <script>
        $(document).ready(function () {
            $('#payment_type').change(function () {
                var selectedValue = $(this).val();
                if (selectedValue == "2") {
                    $('#amount').prop('disabled', true);
                } else {
                    $('#amount').prop('disabled', false);
                }
            });
        });
    </script>
    <script>
        document.addEventListener("DOMContentLoaded", function () {
            var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
            var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
                return new bootstrap.Tooltip(tooltipTriggerEl);
            });
        });
    </script>
@endpush