@extends('theme::backend.layouts.app')

@section('theme::backend-content')
    @include('theme::backend.layouts.navbar')

    <div class="container-fluid">
        <div class="d-sm-flex align-items-center justify-content-between mb-4">
            <h1 class="h3 mb-0 text-gray-800">
                {{ __('reddington.backend.spin.create.title') }}
            </h1>
        </div>
        <div class="row">
            <div class="col-12">
                <div class="card shadow mb-4">
                    <div class="card-header py-3">
                        <h6 class="m-0 font-weight-bold text-primary">
                            {{ __('reddington.backend.spin.create.title') }}
                        </h6>
                    </div>
                    <div class="card-body">
                        <div class="container">
                            @if ($message = Session::get('success'))
                                <div class="alert alert-success alert-block">
                                    <button type="button" class="close" data-dismiss="alert">×</button>
                                    <strong>{{ $message }}</strong>
                                </div>
                            @endif
                            @if ($message = Session::get('error'))
                                <div class="alert alert-danger alert-block">
                                    <button type="button" class="close" data-dismiss="alert">×</button>
                                    <strong>{{ $message }}</strong>
                                </div>
                            @endif
                            <div class="alert alert-info col-md-6 shadow-sm rounded">
                                <h4 class="alert-heading text-primary">
                                    <i class="fas fa-info-circle me-2"></i> Important Notes
                                </h4>
                                <ul class="list-unstyled">
                                    <li class="mb-2">
                                        <i class="fas fa-check-circle text-success me-2"></i>
                                        If you want to add free spins as a reward, please type "free_spins" in the codename
                                        input.
                                    </li>
                                    <li class="mb-2">
                                        <i class="fas fa-check-circle text-success me-2"></i>
                                        You should add the amount of spins to gain in the quantity input.
                                    </li>
                                    <li class="mb-2">
                                        <i class="fas fa-check-circle text-success me-2"></i>
                                        {{ __('reddington.backend.spin.create.form.probability_placeholder') }}
                                        (e.g. 0.50 for 50%)
                                    </li>
                                    <li class="mb-2">
                                        <i class="fas fa-check-circle text-success me-2"></i>
                                        You can leave name input empty, we will got the name from _ItemPoolName table exists in shard database.
                                    </li>
                                </ul>
                            </div>
                            <form method="POST" action="{{ route('lucky-spin-rewards-store-backend') }}" class="form">
                                @method('POST')
                                @csrf
                                <div class="form-row">
                                    <div class="form-group col-6">
                                        <div class="form-group">
                                            <label
                                                for="name">{{ __('reddington.backend.spin.create.form.name') }}</label>
                                            <input type="text" class="form-control @error('name') is-invalid @enderror"
                                                id="name" aria-describedby="nameHelp" name="name"
                                                value="{{ Request::old('name') }}">
                                            <small id="nameHelp" class="form-text text-muted">
                                                {{ __('reddington.backend.spin.create.form.name_placeholder') }}
                                            </small>
                                            @if ($errors->has('name'))
                                                <div class="invalid-feedback">
                                                    {{ $errors->first('name') }}
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>

                                <div class="form-row">
                                    <div class="form-group col-6">
                                        <div class="form-group">
                                            <label
                                                for="codename">{{ __('reddington.backend.spin.create.form.codename') }}</label>
                                            <input type="text"
                                                class="form-control @error('codename') is-invalid @enderror" id="codename"
                                                aria-describedby="codenameHelp" name="codename"
                                                value="{{ Request::old('codename') }}">
                                            <small id="codenameHelp" class="form-text text-muted">
                                                {{ __('reddington.backend.spin.create.form.codename_placeholder') }}
                                            </small>
                                            @if ($errors->has('codename'))
                                                <div class="invalid-feedback">
                                                    {{ $errors->first('codename') }}
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>

                                <div class="form-row">
                                    <div class="form-group col-6">
                                        <div class="form-group">
                                            <label
                                                for="quantity">{{ __('reddington.backend.spin.create.form.qty') }}</label>
                                            <input type="number"
                                                class="form-control @error('quantity') is-invalid @enderror" id="quantity"
                                                aria-describedby="quantityHelp" name="quantity"
                                                value="{{ Request::old('quantity') }}" placeholder="1" min="1">
                                            <small id="quantityHelp" class="form-text text-muted">
                                                {{ __('reddington.backend.spin.create.form.qty_placeholder') }}
                                            </small>
                                            @if ($errors->has('quantity'))
                                                <div class="invalid-feedback">
                                                    {{ $errors->first('quantity') }}
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>

                                <div class="form-row">
                                    <div class="form-group col-6">
                                        <div class="form-group">
                                            <label
                                                for="probability">{{ __('reddington.backend.spin.create.form.probability') }}</label>
                                            <input type="number"
                                                class="form-control @error('probability') is-invalid @enderror"
                                                id="probability" aria-describedby="probabilityHelp" name="probability"
                                                value="{{ Request::old('probability') }}" min="0" max="1"
                                                step="0.01" placeholder="0.00 - 1.00 (0% - 100%)">
                                            <small id="probabilityHelp" class="form-text text-muted">
                                                {{ __('reddington.backend.spin.create.form.probability_placeholder') }}
                                            </small>
                                            @if ($errors->has('probability'))
                                                <div class="invalid-feedback">
                                                    {{ $errors->first('probability') }}
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>

                                <div class="form-row">
                                    <div class="form-group col-12">
                                        <input class="btn btn-primary" type="submit"
                                            value="{{ __('reddington.backend.spin.create.form.submit') }}">
                                        <a href="{{ route('lucky-spin-rewards-backend') }}" class="ml-2 btn btn-secondary">
                                            {{ __('backend/downloads.back') }}
                                        </a>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection