@extends('layouts.admin')

@section('content')

<style>
    .switch {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
    }

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

    .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        transition: .4s;
        border-radius: 25px;
    }

    .slider:before {
        position: absolute;
        content: "";
        height: 18px;
        width: 18px;
        left: 4px;
        bottom: 3px;
        background-color: white;
        transition: .4s;
        border-radius: 50%;
    }

    input:checked + .slider {
        background-color: #2196F3;
    }

    input:checked + .slider:before {
        transform: translateX(24px);
    }
</style>

<div class="card">
    <div class="card-header">
        <h4>{{ trans('cruds.one_signal_push_notification.title') }}</h4>
    </div>
    <div class="card-body">
        @if (session('success'))
            <div class="alert alert-success">
                {{ session('success') }}
            </div>
        @endif
        <form action="{{ route('admin.one_signal_push_notification.update') }}" method="POST">
            @csrf
            <div class="form-group">
                <label for="app_id" class="form-label required">{{ trans('cruds.one_signal_push_notification.fields.app_id') }}</label>
                <input class="form-control @error('app_id') is-invalid @enderror" type="text" name="app_id" id="app_id" value="{{ old('app_id', $one_signal_push_notification->app_id ?? '') }}">
                @error('app_id')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>
            <div class="form-group">
                <label for="authorization_token" class="form-label required">{{ trans('cruds.one_signal_push_notification.fields.authorization_token') }}</label>
                <input class="form-control @error('authorization_token') is-invalid @enderror" type="text" name="authorization_token" id="authorization_token" value="{{ old('authorization_token', $one_signal_push_notification->authorization_token ?? '') }}">
                @error('authorization_token')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>
            <div class="form-group">
                <label class="form-label">{{ trans('cruds.one_signal_push_notification.fields.enable_notifications') }}</label>
                <div class="d-flex align-items-center">
                    <span class="mr-1">Off</span>
                    <label class="switch mb-0">
                        <input type="checkbox" name="enable_notifications" id="enable_notifications" value="1" 
                            {{ old('enable_notifications', $one_signal_push_notification->enable_notifications ?? false) ? 'checked' : '' }}>
                        <span class="slider round"></span>
                    </label>
                    <span class="ml-1">On</span>
                </div>
            </div>
            <div class="row">
                <div class="col-12 text-end">
                    <button class="btn btn-primary btn-primary-hover" type="submit">{{ trans('global.save') }}</button>
                </div>
            </div>
        </form>
    </div>
</div>

@endsection