@extends('panel.layout.base')

@section('title',"Bildirim Ayarları")

@section('content')
    <div class="row">
        <div class="col-md-12 col-xl-12 col-xs-12 col-sm-12">
            {!! \App\Metha\TMethaForm::open([
                'method' => 'POST',
                'action' => route('panel.notifications.settings')
            ]) !!}
            @csrf
            <div class="card">
                <div class="card-body">
                    @if($errors->any())
                        @foreach($errors->all() as $error)
                            <div class="alert alert-danger mg-b-0 alert-dismissible fade show" role="alert">
                                <strong>{{ $error }}</strong>
                            </div>
                        @endforeach
                        <br>
                    @endif
                    <div class="row">
                        @foreach($elements as $item)
                            <div class="col-3">
                                <div class="form-group">
                                    <label>{{ $item['label'] }}</label>
                                    <input type="color" class="form-control" name="notification_settings_color_{{ $item['name'] }}">
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
                <div class="card-footer">
                    <div class="btn-group">
                        <button type="submit" class="btn btn-primary"><i class="fa fa-save"></i> Kaydet</button>
                    </div>
                </div>
            </div>
            {!! \App\Metha\TMethaForm::close() !!}
        </div>
    </div>
@endsection

@section('script')
    <script>
        $(document).ready(function(){
            var data = {!! json_encode($data) !!};

            $.each(data, function(key, value){
                $('[name="' + key + '"]').val(value.color).change();
            });
        });
    </script>
@endsection