@extends('layouts.core.backend', [
	'menu' => 'warmup',
])

@section('title', trans('warmup.page.create_title'))

@section('head')
    <script type="text/javascript" src="{{ URL::asset('core/echarts/echarts.min.js') }}"></script>
    <script type="text/javascript" src="{{ URL::asset('core/echarts/dark.js') }}"></script>
@endsection

@section('page_header')

    <div class="page-title pb-0">
        <ul class="breadcrumb breadcrumb-caret position-right">
            <li class="breadcrumb-item"><a href="{{ action('Admin\HomeController@index') }}">{{ trans('warmup.breadcrumbs.home') }}</a></li>
            <li class="breadcrumb-item">{{ trans('warmup.breadcrumbs.warmup') }}</li>
            <li class="breadcrumb-item"><a href="{{ action('Admin\WarmupStrategyController@index') }}">{{ trans('warmup.breadcrumbs.strategies') }}</a></li>
            <li class="breadcrumb-item active">{{ trans('warmup.breadcrumbs.new_strategy') }}</li>
        </ul>
    </div>

@endsection

@section('content')
    <form id="warmupStrategyForm" action="{{ action('Admin\WarmupStrategyController@store') }}" method="POST" class="form-validate-jqueryz pb-4" data-preview-url="{{ action('Admin\WarmupStrategyController@preview') }}">
        @csrf
        <input type="hidden" name="status" id="WarmupStatusInput" value="{{ old('status', $warmupStrategy->status ?? Acelle\Model\WarmupStrategy::STATUS_ACTIVE) }}">

        <div class="d-flex flex-column flex-lg-row align-items-lg-start gap-3 my-4">
            <div class="me-lg-auto">
                <h1 class="mb-2 fs-2 fw-semibold lh-sm">{{ trans('warmup.page.create_title') }}</h1>
                <p class="mb-0 text-muted fs-6">{{ trans('warmup.page.subtitle') }}</p>
            </div>
            <div class="d-flex gap-2 flex-wrap justify-content-lg-end">
                <button type="submit" class="btn btn-outline-secondary warmup-submit-button" data-status="{{ Acelle\Model\WarmupStrategy::STATUS_INACTIVE }}">{{ trans('warmup.buttons.save_draft') }}</button>
                <button type="submit" class="btn btn-primary warmup-submit-button" data-status="{{ Acelle\Model\WarmupStrategy::STATUS_ACTIVE }}">{{ trans('warmup.buttons.save_strategy') }}</button>
            </div>
        </div>

        <div class="row align-items-start">
            <div class="col-xl-8">
                @include('admin.warmup_strategies._form')
            </div>
            <div class="col-xl-4">
                @include('admin.warmup_strategies._preview')
            </div>
        </div>
	</form>

    @include('admin.warmup_strategies._script')

@endsection