@extends("admin.layouts.app")

@section("styles")
    <link href="https://cdn.ihouse.ps/admin_assets/assets/global/plugins/jquery-nestable/jquery.nestable.css"
          rel="stylesheet" type="text/css"/>
@endsection

@section("content")
    <div class="row">
        <div class="col-md-12">
            <div class="portlet light bordered">
                <div class="portlet-title">
                    <div class="caption">
                        <i class="icon-list font-green"></i>
                        <span class="caption-subject font-green bold uppercase">@lang("Customer Group")</span>
                    </div>
                    <div class="actions">
                        <a href="{{ route("admin.customer_group_members.create", ['id' => Request::get('id')]) }}" class="btn btn-primary">
                            <i class="fa fa-plus"></i> Add More
                        </a>

                        <button type="button" class="btn btn-danger" onclick="submitFormWithAction('delete_multi')">
                            <i class="fa fa-trash"></i> Delete Selected
                        </button>
                    </div>
                </div>

                <div class="portlet-body">
                    <div class="table-scrollable">
                        {!! Form::open(['route' => ['admin.customer_group_members.index'], 'method' => 'get', 'id' => 'customer_form']) !!}
                        {{ Form::hidden('id', Request::get('id')) }}
                        <input type="hidden" id="form_action_type" name="action_type" value="delete">

                        <table class="table table-hover">
                            <thead>
                            <tr>
                                <th style="width: 50px;"><input type="checkbox" id="checkAll"></th>
                                <th style="width: 70%;"> @lang("Customer Name") </th>
                                <th>Customer Mobile</th>
                                <th>Is Customer</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td></td>
                                <td>
                                    {{ Form::text("full_name", Request::get("full_name", null), ['class' => "form-control form-filter input-sm"]) }}
                                </td>
                                <td>
                                    {{ Form::text("mobile", Request::get("mobile", null), ['class' => "form-control form-filter input-sm"]) }}
                                </td>
                                <td>
                                    {!! Form::select("is_customer",['1'=>'Yes','0'=>'No'],Request::get("is_customer",null),['class'=>"form-filter input-sm form-control","placeholder"=>"Select one"])!!}
                                </td>
                                <td>
                                    <button type="submit" class="btn btn-sm btn-success" onclick="submitFormWithAction('get')">
                                        <i class="fa fa-search" ></i> Search
                                    </button>

                                    <a href="{{ route('admin.customer_group_members.index', ['id' => Request::get('id')]) }}"
                                       class="btn btn-sm btn-info">
                                        <i class="fa fa-refresh"></i> Reset
                                    </a>
                                </td>
                            </tr>

                            @forelse($groupMembers as $groupMember)
                                <tr>
                                    <td>
                                        <input type="checkbox" name="members[]" value="{{ $groupMember->id }}" class="checkbox-items">
                                    </td>
                                    <td>{{ $groupMember->full_name }}</td>
                                    <td>{{ $groupMember->mobile }}</td>
                                    <td>{{ $groupMember->is_customer ? 'Yes' : 'No' }}</td>
                                    <td>
                                        {!! Form::open(['route' => ["admin.customer_group_members.destroy", $groupMember->id], 'method' => "delete"]) !!}
                                        {{ Form::hidden('id', Request::get('id')) }}
                                        {{ Form::hidden('member_id', Request::get('member_id',$groupMember->id)) }}

                                        <a href="{{ route('admin.customer_group_members.edit', ['customer_group' => Request::get('id'), 'customer_group_member' => $groupMember->id]) }}"
                                           class="btn btn-outline btn-sm purple" title="Edit">
                                            <i class="fa fa-edit"></i> @lang("constants.edit")
                                        </a>

                                        <button type="submit" onclick="return confirm('Are you sure?')"
                                                class="btn btn-outline btn-sm red" title="Delete" onclick="submitFormWithAction('delete')">
                                            <i class="fa fa-trash"></i> @lang("constants.delete")
                                        </button>
                                        {!! Form::close() !!}
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="4" class="text-center">@lang("No Member Found")</td>
                                </tr>
                            @endforelse
                            </tbody>
                            <tfoot>
                            <tr>
                                <td colspan="4">
                                    {!! $groupMembers->withQueryString()->links() !!}
                                </td>
                            </tr>
                            </tfoot>
                        </table>
                        {!! Form::close() !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section("scripts")
    <script src="https://cdn.ihouse.ps/admin_assets/assets/global/plugins/jquery-nestable/jquery.nestable.js"></script>

    <script type="text/javascript">
        function submitFormWithAction(action) {
            document.getElementById('form_action_type').value = action;
            document.getElementById('customer_form').submit();
            document.getElementById('form_action_type').value = null
        }

        $(document).ready(function () {
            // "Select All" checkbox behavior
            $("#checkAll").click(function () {
                $(".checkbox-items").prop('checked', this.checked);
            });

            // Ensure the Nestable list is properly initialized
            $('#list').nestable({ maxDepth: 1 });

            // Update JSON structure when Nestable list changes
            $('#list').on('change', function () {
                var out = $('#list').nestable('serialize');
                $('#reorder').val(JSON.stringify(out));
            });
        });
    </script>

    @include("admin.layouts.update_attribute")
@endsection