@extends('crudbooster::admin_template')
@push("bottom")
<link rel="stylesheet" type="text/css" href="{{ asset('css/select2.css') }}">
{{-- <link rel="stylesheet" type="text/css" href="{{ asset("vendor/libs/bootstrap-select/bootstrap-select.css") }}"> --}}

<style type="text/css">
    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #000;
        border: none;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #fff;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        padding: 2px 5px 5px;
        width: 100%;
    }

    .select2-container .select2-selection--single {
        height: 30px;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 22px;
    }

    .select2-container .select2-selection--single {
        height: 38px;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 31px;
    }


</style>
<script type="text/javascript" src="{{ asset("js/select2.js")   }}"></script>
{{-- <script src="{{ asset("vendor/libs/bootstrap-select/bootstrap-select.js") }}"></script> --}}

<script>
    $(function(){
        //  $('#group_id').select2({
        //       placeholder: "Select Group",
        //       width:"100%",
        //   });
        //  $('#set1').selectpicker();

        var flg = 0;

        $('#group_id').select2({
            placeholder: "Select a Group",
            width:"100%",
        }).on("select2:open", function () {
            flg++;
            if (flg == 1) {
                $this_html = jQuery('#wrp').html();
                $(".select2-results").append("<a class='select2-results__option btn btn-primary' style='width:100%;' onclick='addGroupModalOpen();'>Add new group</a>");
            }
        });


        $('#month').select2({
            placeholder: "Select Month",
            width:"100%",
        });
        $('#access_days').select2({
            placeholder: "Select day",
            width:"100%",
        });
    })
</script>

@endpush
@section('content')
<!-- Your html goes here -->
<div class='panel panel-default efit-add-product'>
    <div class='panel-heading eap-box'><b>Add Limitation Template</b></div>

    <div class='panel-body'>
        <form method='post' action='{{CRUDBooster::mainpath('save')}}'>
            <input type="hidden" name="_token" value="{{ csrf_token() }}">

            <div class="panel-group">
                <div class="panel panel-default">
                    <div class='panel-heading eap-box'>Template</div>
                    <div class="panel-body">
                        <div class="form-group">
                            <div class="col-md-12">
                                <label for="template_name">Template Name<span class="text-danger" title="This field is required">*</span></label>
                                <input type="text" name="template_name" id="template_name" class="form-control" required>
                                <div class="text-danger">
                                    {{$errors->has('group_id')? $errors->first('group_id'):" "}}
                                </div>
                            </div>

                            {{-- <div class="col-md-4">
                                <label for="Test Time">Group Name</label>
                                <select id="group_id" name="group_id" class="selectpicker form-control edit" data-live-search="true" style="width:100%">
                                    <option selected>Select Group</option>
                                    @foreach($groups as $group)
                                    <option value="{{ $group->id }}">{{ $group->group_name }}</option>
                                    @endforeach

                                </select>
                                <div class="text-danger">
                                    {{$errors->has('group_id')? $errors->first('login_limit'):" "}}
                                </div>
                            </div> --}}


                            <div class="text-danger">
                                {{$errors->has('group_id')? $errors->first('group_id'):" "}}
                            </div>
                        </div>
                    </div>

                </div>

                <div class="panel panel-default">
                    <div class='panel-heading eap-box'>Cron Setup Setting</div>
                    <div class="panel-body">
                        <div class="col-md-4">
                            <div class="form-group bb">
                                <label for="Test Time">Login limit<span class="text-danger" title="This field is required">*</span></label>
                                <input type="text" id="login_limit" name="login_limit" class="form-control" required
                                    value="">
                            </div>
                            <div class="text-danger">
                                {{$errors->has('login_limit')? $errors->first('login_limit'):" "}}
                            </div>
                        </div>

                        {{-- <div class="col-md-4">
                            <div class="form-group bb">
                                <label for="month">Select Month<span class="text-danger" title="This field is required">*</span></label>

                                <select class="form-control" required id="month" name="month_id[]" multiple="">
                                    @foreach ($months as $month)
                                    <option value="{{ $month->id }}">{{ $month->month_name }}</option>
                                    @endforeach

                                </select>
                                <div class="text-danger">
                                {{$errors->has('month_id')? $errors->first('month_id'):" "}}
                            </div>
                            </div>
                        </div> --}}

                        {{-- <div class="col-md-4">
                            <div class="form-group bb">
                                <label for="Test Time">Cron limit<span class="text-danger" title="This field is required">*</span></label>
                                <input type="text" id="corn_limit" name="corn_limit" class="form-control" required>
                            </div>
                            <div class="text-danger">
                                {{$errors->has('corn_limit')? $errors->first('corn_limit'):" "}}
                            </div>
                        </div> --}}
                    </div>
                </div>


                <div class="panel panel-default">
                    <div class='panel-heading eap-box'>Share Product Setting</div>
                    <div class="panel-body">
                        <div class="col-md-6">
                            <div class="form-group bb">
                                <label for="Test Time">Share user</label>
                                <input type="text" id="share_user" name="share_user" class="form-control" >
                            </div>
                            <div class="text-danger">
                                {{$errors->has('share_user')? $errors->first('share_user'):" "}}
                            </div>
                        </div>

                        {{-- <div class="col-md-6">
                            <div class="form-group bb">
                                <label for="sub_menu">Sub Menu</label>
                                <input type="text" id="sub_menu" name="sub_menu" class="form-control">
                            </div>
                            <div class="text-danger">
                                {{$errors->has('sub_menu')? $errors->first('sub_menu'):" "}}
                            </div>
                        </div> --}}

                        <div class="col-md-6">
                            <div class="form-group bb">
                                <label for="month">Access Days<span class="text-danger" title="This field is required">*</span></label>

                                <select class="form-control" required id="access_days" name="access_day_id[]"
                                    multiple="">
                                    <option disabled>Select days </option>

                                    @foreach ($accessdays as $accessday)
                                    <option value="{{$accessday->id}}"> {{$accessday->access_time}} days </option>
                                    @endforeach


                                </select>
                                <div class="text-danger">
                                    {{$errors->has('access_day_id')? $errors->first('access_day_id'):" "}}
                                </div>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group bb">
                                <label for="month">Max Staff Allow</label>
                                <input type="text" name="max_staff" class="form-control">
                                <div class="text-danger">
                                    {{$errors->has('max_staff')? $errors->first('max_staff'):" "}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="panel panel-default">
                    <div class='panel-heading eap-box'>
                        Own Analysis Setting
                    </div>
                    <div class="panel-body">
                        <div class="col-md-6">
                            <div class="form-group epa-check" id="form-group-bioryth_visible">
                                <label class="control-label">Bioryth Visible
                                </label>
                                <input type="checkbox" name="show_bioryth">
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group epa-check" id="form-group-bioryth_visible">
                                <label class="control-label">Show colors for circle
                                </label>
                                <input type="checkbox" name="show_cyrcle">
                            </div>
                        </div>
                    </div>
                </div>

            <div class="panel-footer" style="padding-left: 0">
                <a href="{{ CRUDBooster::mainpath() }}" class="btn btn-default"><i
                        class="fa fa-chevron-circle-left"></i> Back</a>
                <input type="submit" name="submit" value="Save" class="btn btn-success"
                    style="padding: 6px 22px">
            </div>

        </form>

    </div>
</div>

<!-- Add Group Modal -->
<div class="modal fade" id="addGroup" tabindex="-1" role="dialog" style="z-index: 999999;" aria-labelledby="addGroupLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="addGroupLabel">Add new group</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>

        <div class="modal-body addGroupModal">
                <div class="form-group">
                    <label for="exampleInputEmail1">Group Type</label>
                    <select class="form-control " id="group_type_id" required="" name="group_type_id" tabindex="-1" aria-hidden="true">
                        <option selected value="">** Please select a Group Type</option>
                        @forelse ($group_types as $type)
                            <option  value="{{$type->id}}">{{$type->type_name}}</option>
                        @empty
                            <option class="text-danger">No Types Found</option>
                        @endforelse
                    </select>
                </div>
                <div class="form-group">
                    <label for="group_name_feld">Grpup Name</label>
                    <input type="text" class="form-control" id="group_name_feld" name="group_name" placeholder="Type group Name">
                </div>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary" onclick="saveGroup();">Save changes</button>
        </div>

    </div>
  </div>
</div>
<script>

function addGroupModalOpen() {
    $('#addGroup').modal('show');
    return false;
    swal({
        title: "Add new group!",
        text: "Write something interesting:",
        type: "input",
        showCancelButton: true,
        closeOnConfirm: false,
        animation: "slide-from-top",
        inputPlaceholder: "Write something",
        },
        function(inputValue){
            if (inputValue === null) return false;

            if (inputValue === "") {
                swal.showInputError("You need to write something!");
                return false
            }else if(inputValue != false){
                $.ajax({
                type: "POST",
                url:  "{{ route('Sajax.add-group') }}",
                data: { 'group_name': inputValue},
                cache: false,
                success: function(response) {
                    swal(
                    "Sccess!",
                    "Your note has been saved!",
                    "success"
                    )
                },
                failure: function (response) {
                    swal(
                    "Internal Error",
                    "Oops, your note was not saved.", // had a missing comma
                    "error"
                    )
                }
                });
            }
        });


}

function saveGroup(){
    let name = document.getElementById("group_name_feld").value;;
    let type = $('.addGroupModal').find('#group_type_id').val();
    $.ajax({
        type: "POST",
        url:  "{{ CRUDBooster::mainpath('add-group')}}",
        data: { 'group_name': name,'group_type_id': type},
        cache: false,
        success: function(response) {
            $('#addGroup').modal('hide');
            $('#group_id').append(`<option value='${response.group.id}'>${response.group.group_name}</option>`);
            swal(
                "Sccess!",
                "Your note has been saved!",
                "success"
            )
        },
        failure: function (response) {
            swal(
                "Internal Error",
                "Oops, your note was not saved.", // had a missing comma
                "error"
            )
        }
    });
}
</script>
@endsection