@extends('layouts.app')

@section('title', 'Admin Brand')
@section('breadcrumb', 'Manage Admin Brand')
@section('sub-breadcrumb')
    <a class="kt-subheader__breadcrumbs-link">
        Edit Admin Brand
    </a>
@endsection
@section('admin-brand', 'kt-menu__item--open kt-menu__item--here')
@section('list-admin-brand', 'kt-menu__item--active')
@section('content')
    <div class="kt-portlet">
        <div class="kt-portlet__body">
            @include('layouts.notification')

           {{-- begin: Search form --}}
            <div class="row">
                <div class="col-md-4">
                    <form action="{{route('admin.brand.update')}}" id="createBrand" method="POST">
                        @csrf
                    <input type="hidden" name="id" value={{$user['id']}}>
                        <div class="form-group">
                            <label>Admin Name</label>
                            <div class="input-group">
                                <div class="input-group-prepend"><span class="input-group-text"><i class="fa fa-user"></i></span></div>
                                <input type="text" id="name" name="name" class="form-control m-input" placeholder="E.g: Rara Admin Brand" data-col-index="0" value="{{$user['name']}}">
                            </div>
                        </div>

                        <div class="form-group">
                            <label>Email</label>
                            <div class="input-group">
                                <div class="input-group-prepend"><span class="input-group-text">@</span></div>
                                <input type="email" id="email" name="email" class="form-control m-input" placeholder="E.g: rara@mail.com" data-col-index="0" value="{{$user['email']}}">
                            </div>
                        </div>

                        <div class="form-group">
                            <label>Admin Phone</label>
                            <div class="input-group">
                                <div class="input-group-prepend"><span class="input-group-text"><i class="fa fa-phone"></i></span></div>
                                <input type="text" id="phone" name="phone" class="form-control m-input" placeholder="E.g: 087821312xxx" data-col-index="0" value="{{$user['phone']}}">
                            </div>
                        </div>
                        @if($level == 1)
                        <div class="form-group">
                            <label>PIN</label>
                            <div class="input-group">
                                <div class="input-group-prepend"><span class="input-group-text"><i class="fa fa-lock"></i></span></div>
                                <input type="password" id="password" name="password" class="form-control m-input" placeholder="New PIN (Leave blank to keep current PIN)" data-col-index="0">
                            </div>
                        </div>

                        <div class="form-group">
                            <label>PIN Confirmation</label>
                            <div class="input-group">
                                <div class="input-group-prepend"><span class="input-group-text"><i class="fa fa-lock"></i></span></div>
                                <input type="password" id="password_confirm" name="password_confirmation" class="form-control m-input" placeholder="Confirm New PIN (Leave blank to keep current PIN)" data-col-index="0">
                            </div>
                        </div>
                        @endif
                        <h5>Brands</h5>
                        <label class="kt-checkbox" >
                            <input id="all_brands" type="checkbox"> Select All
                                <span></span>
                        </label><br>
                        @foreach ($brand['result'] as $item)
                        <label class="kt-checkbox">
                            <input name="listBrand[]" class="brand" type="checkbox" value="{{ $item['id'] }}" @foreach ($user['brand'] as $item2)
                            @if ($item['id'] == $item2['id_brand'])
                                 checked
                            @endif
                        @endforeach
                        > {{ $item['name'] }}
                            <span></span>
                        </label> <br>
                        @endforeach
                    </div>
                    <div class="col-md-8">

                        <h5>Feature</h5>
                        <label class="kt-checkbox">
                            <input id="all_feature" type="checkbox"> Select All
                            <span></span>
                        </label>
                        @foreach ($feature as $key => $value)
                                <div class="form-group row">
                                    <div class="col-md-12">
                                        <label><b>{{$key}}</b></label>
                                        <div class="kt-checkbox-inline row">
                                         @foreach ($value as $item)
                                                <div class="col-md-4">
                                                    <label class="kt-checkbox">
                                                        <input type="checkbox" class="feature" name="feature[]" value="{{$item['id']}}"
                                                            @foreach ($user['feature'] as $item2)
                                                                @if ($item['id'] == $item2['id_granted_feature'])
                                                                    checked
                                                                @endif
                                                            @endforeach
                                                        > {{$item['feature_type']}}
                                                        <span></span>
                                                    </label>
                                                </div>
                                            @endforeach
                                        </div>
                                    </div>
                                </div>
                        @endforeach
                        <div class="pull-right mt-5">
                            <button class="btn btn-secondary btn-back" type="button">Back</button>
                            <input class="btn btn-warning" type="reset">
                            <button class="btn btn-primary" type="submit"><i class="fa fa-edit"></i> Update</button>
                        </form>
                        {{-- <button class="btn btn-primary" id="create"><i class="fa fa-save"></i> Create</button> --}}
                        </div>
                    </div>
                </div>
           {{-- end: Search form --}}

        </div>
    </div>
@endsection

@section('custom-script')
<script>
     $(document).ready(function() {
        $('.js-example-basic-single').select2();
    });
    $(".btn-back").on("click", function(){
        window.history.back();
    });
    $("#all_feature").change(function() {
        if (this.checked) {
            $(".feature").each(function() {
                this.checked=true;
            });
        } else {
            $(".feature").each(function() {
                this.checked=false;
            });
        }
    });

    $("#all_brands").change(function() {
        if (this.checked) {
            $(".brand").each(function() {
                this.checked=true;
            });
        } else {
            $(".brand").each(function() {
                this.checked=false;
            });
        }
    });
</script>
<script>
    $('#password, #password_confirm').on('keyup input change', function(e) {
        var value = $(this).val();
        value = value.replace(/[^0-9]/g, '');
        // check: accept number only
        var check = /^\d+$/.test(value)
        if (!check || value.length > 6) {
            e.preventDefault();
            value = value.substring(0,6);
        }
        $(this).val(value);
    });
</script>
@endsection