@extends('admin.layouts.master')

@section('title', 'Received Referrals')

@section('content')
    <div class="container-fluid">
        <div class="row justify-content-center p-10 m-t-15">
            <div class="col-12">
                <h4>Received Referrals</h4>
                @if (auth()->guard('web_admin')->user()?->role == 'Super Admin')
                    <div class="search-field mt-4">
                        <form action="{{ route('admin.makeReferral') }}" method="post">
                            @csrf
                            <div class="d-flex flex-wrap justify-content-center align-items-center my-1">
                                <input name="partner_id" type="hidden" class="my-2 col-8 rounded p-2 border border-dark mx-2"
                                    value="{{ $id }}" />
                                <input name="property_request_id" type="number"
                                    class="my-2 col-4 rounded p-2 border border-dark mx-2"
                                    placeholder="Referred Property/Request ID" />
                                <select name="referral_type" class="my-2 col-4 rounded p-2 border border-dark mx-2">
                                    <option value="Property" selected>Property</option>
                                    <option value="Request">Request</option>
                                </select>
                                <input name="referral_commision" type="number"
                                    class="my-2 col-4 rounded p-2 border border-dark mx-2"
                                    placeholder="Referral Commision" />
                                <button type="submit" class="btn btn-primary text-whitemy-2  col-2 p-2 mx-2">
                                    Add Referral
                                </button>
                            </div>
                        </form>
                    </div>
                @endif
                <div class="search-field mt-4">
                    <form action="{{ route('admin.partnerReferralsIndex', $id) }}" method="get">
                        @csrf
                        <div class="d-flex justify-content-center align-items-center my-1">
                            <input name="keyword" type="search" class="col-8 rounded p-2 border border-dark mx-2"
                                placeholder="search.." />
                            <button type="submit" class="btn btn-primary text-white col-1 p-2 mx-2">
                                <i class="fa fa-search mx-1"></i>search
                            </button>
                        </div>
                    </form>
                </div>
                @if(auth()->guard('web_admin')->user()?->role == 'Super Admin')
                <div class="d-flex justify-content-end align-items-center my-4 py-4">
                    <form class="d-flex justify-content-center align-items-center"
                        action="{{ route('admin.referral.destroy', 'x') }}" method="post">
                        @csrf
                        @method('DELETE')
                        <input type="text" name="ids" id="idsArray" hidden>
                        <div>
                            <input type="checkbox" id="selectAll" />
                            <label class="mb-0" for="selectAll">Select All</label>
                        </div>
                        <div>
                            <button type="submit" class="btn btn-primary text-white p-2 mx-2" id="dis">
                                <i class="fa fa-trash mx-1"></i>Delete All
                            </button>
                        </div>
                    </form>
                </div>
                @endif
                <table class="table">
                    <thead>
                        <tr>
                            <th scope="col">#</th>
                            <th scope="col">Partner</th>
                            <th scope="col">Main Referral Owner</th>
                            <th scope="col">Referred By</th>
                            <th scope="col">Property/Request ID</th>
                            <th scope="col">Referral Type</th>
                            <th scope="col">Referral Commision</th>
                            {{-- <th scope="col">Referral ID</th>
                            <th scope="col">Referral message</th> --}}
                            <th scope="col">Created At</th>
                            @if (auth()->guard('web_admin')->user()?->role == 'Super Admin')
                            <th scope="col">Action</th>
                            @endif
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($referrals as $referral)
                            <tr>
                                <th scope="row">{{ $loop->iteration }}</th>
                                <td>{{ $referral->partner_id }}</td>
                                <td>{{ $referral->main_referral_owner }}</td>
                                <td>{{ $referral->refered_by }}</td>
                                <td>{{ $referral->property_request_id }}</td>
                                <td>{{ $referral->referral_type }}</td>
                                <td>{{ $referral->referral_commision }}%</td>
                                {{-- <td>{{ $referral->referral_id }}</td>
                                <td>{{ $referral->referral_message }}</td> --}}
                                <td>{{ $referral->created_at->format('Y-m-d') }}</td>
                                @if (auth()->guard('web_admin')->user()?->role == 'Super Admin')
                                <td class="d-flex justify-content-around align-items-center">
                                    <input type="checkbox" class="checkDel" id="{{ $referral->id }}"
                                        value="{{ $referral->id }}" />
                                    <form class="delete-form" action="{{ route('admin.referral.destroy', $referral->id) }}"
                                        method="post">
                                        @method('DELETE')
                                        @csrf
                                        <button class="btn btn-white-lg-outline border-0 btn-color-blue"><i
                                                class="fa fa-trash"></i></button>
                                    </form>
                                </td>
                                @endif
                            </tr>
                        @endforeach
                    </tbody>
                </table>
                @if (!Route::is('admin.partnerReferralsIndex'))
                    {{ $referrals->links() }}
                @endif
            </div>
        </div>
    </div>
@endsection
@section('js')
    <script>
        let arr = [];
        let all = false;
        $('#dis').attr('disabled', true);
        $(document).on('click', '.checkDel', function() {
            var item = $(this).val();
            if (arr.includes(item)) {
                arr = arr.filter(e => e !== item)
            } else {
                arr.push(item);
            }
            $('#idsArray').val(arr);
            if (arr.length > 1) {
                $('#dis').attr('disabled', function(_, attr) {
                    return false
                });
            } else {
                $('#dis').attr('disabled', function(_, attr) {
                    return true
                });
            }
        });
        $(document).on('change', '#selectAll', function() {
            all == false ? all = true : all = false;
            var items = $('.checkDel');
            items.each(element => {
                if (arr.includes(items[element].value) == false && all == true) {
                    $('#' + items[element].value).click();
                }
                if (arr.includes(items[element].value) == true && all == false) {
                    $('#' + items[element].value).click();
                }
            });
            console.log(arr);
        });
    </script>
@endsection