@extends("admin.layouts.app")
@section("styles")
    <link href="https://cdn.ihouse.ps/admin_assets/assets/global/plugins/select2/css/select2.min.css" rel="stylesheet"
          type="text/css"/>
    <link href="https://cdn.ihouse.ps/admin_assets/assets/global/plugins/select2/css/select2-bootstrap.min.css"
          rel="stylesheet"
          type="text/css"/>
    <style>
        [hidden] {
            display: none !important;
        }

        .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
            text-transform: capitalize;
        }

    </style>
@endsection
@section("content")
    <div class="row">
        <div class="col-md-12">
            <div class="portlet light bordered">
                <div class="portlet-title">
                    <div class="caption font-green">
                        <i class="icon-plus font-green"></i>
                        <span class="caption-subject bold uppercase">New Customer Group</span>
                    </div>
                    <div class="actions">

                    <a href="{{ route('admin.customer_group_members.index',[ 'id'=>Request::get("id")]) }}"
                       class="btn btn-outline btn-sm btn-info" title="Edit">
                        <i class="fa fa-arrow-left"></i> @lang("Back To Group Member")
                    </a>
                    </div>
                </div>


                <div class="portlet-body form">
                    @if ($errors->any())
                        @foreach ($errors->all() as $error)
                            <div dir="rtl" class="alert alert-danger alert-dismissible" role="alert">
                                <strong>{{ 'خطأ !' }}</strong> {{ $error }}
                                <button dir="ltr" type="button" class="close" data-dismiss="alert" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                        @endforeach
                    @endif
                    {{Form::open(['route'=>"admin.customer_group_members.store", 'role'=>"form",'files' =>true,'enctype'=>'multipart/form-data'])}}
                        <input type="hidden" name="id" value="{{request('id')}}">
                    <div class="form-body">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group form-md-line-input form-md-floating-label">
                                    {{Form::text("full_name",NULL,['class'=>'form-control m-input'])}}
                                    <label for="full_name">@lang("Full Name")</label>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group form-md-line-input form-md-floating-label">
                                    {{Form::text("mobile",NULL,['class'=>'form-control m-input'])}}
                                    <label for="name">@lang("Mobile Number")</label>
                                </div>
                            </div>
                        </div>
                        <hr>
                        <div class="row">

                                <div class="col-md-12">
                                    <div class="form-group" id="customer_name" >
                                        <label for="user_id"><span class="required_lbl">*</span>{{ __('اختيار زبائن') }}
                                        </label>
                                        <select name="customer_id[]"
                                                class="form-control  form-group select2 select2-selection--multiple"
                                                id="customer">
                                            <option selected="selected" id="test"></option>
                                        </select>
                                    </div>

                                </div>

                        </div>

                        <div class="row">
                             <div class="col-md-12">
                                    <div class="form-group" id="customer_name" >
                                        <div class="form-group">
                                            {!! Form::label('import_file', 'تحميل من ملف اكسل') !!}
                                            {!! Form::file('import_file', ['class' => 'form-control', 'id' => 'importFile']) !!}
                                        </div>
                                    </div>
                                 <div class="alert alert-warning">
                                     * required columns exist in Excel file <br>
                                        1- Name or name <br>
                                        2- Phone Or phone
                                 </div>

                                </div>

                        </div>


                        <div class="form-actions noborder">
                            <div class="col-md-6">
                                <input type="hidden" name="page" value="{{Request::get("page")}}">
                                <button type="submit" name="direction" value="save" class="btn blue">Save</button>

                                <button type="submit" name="direction" value="save-close" class="btn green">Save and
                                    Close
                                </button>
                            </div>
                        </div>
                        {!! Form::close() !!}


                        <hr>
                        @if(session('logImport'))
                            <!-- Stats Alert -->
                            <div class="alert alert-info">
                                <strong>Excel Import Log</strong>
                                <ul>
                                    <li>Total Record: {{ session('logImport')['total_records'] ?? 0 }}</li>
                                    <li>Processed Count: {{ session('logImport')['processed_count'] ?? 0 }}</li>
                                    <li>Failed Skipped Count: {{ session('logImport')['skipped_count'] ?? 0 }}</li>
                                </ul>
                            </div>
                        @endif
                        @if(session('logCustomerId'))
                            <hr>
                            <!-- Stats Alert -->
                            <div class="alert alert-info">
                                <strong>Select Customer Log</strong>
                                <ul>
                                    <li>Total Customer Selected : {{ session('logCustomerId')['total_records'] ?? 0 }}</li>
                                    <li>Processed Count: {{ session('logCustomerId')['processed_count'] ?? 0 }}</li>
                                    <li>Failed Customer Skipped Count: {{ session('logCustomerId')['skipped_count'] ?? 0 }}</li>
                                </ul>
                            </div>
                        @endif
                        @if(session('logSingleUser'))
                            <hr>
                            <!-- Stats Alert -->
                            <div class="alert alert-info">
                                <strong>Add Single Member Log</strong>
                                <ul>
                                    <li> {{ session('logSingleUser')}}</li>
                                </ul>
                            </div>
                            <hr>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section("scripts")

    <script src="https://cdn.ihouse.ps/js/select2.min.js"></script>

    <script>
        $(document).ready(function () {

            let Url = '{{route('admin.get-customer')}}'
            let placeholder = 'البحث بواسطة الاسم او رقم الجوال او الايميل'

            $('#customer').select2({
                placeholder: placeholder,
                minimumInputLength: 2,
                multiple:true,
                allowClear: true,
                closeOnSelect:false,
                tags: true,
                ajax: {
                    type: 'POST',
                    url: Url,
                    dataType: 'json',
                    data: function (params) {
                        return {
                            q: $.trim(params.term),
                        };
                    },
                    processResults: function (data) {
                        return {
                            results: data
                        };
                    },
                    cache: true
                }
            });
        })


        // Handle Pagination Click
    </script>
@endsection