@extends('layouts.app')

@section('content')
    <div id="page-container" class="fade page-sidebar-fixed page-header-fixed page-with-wide-sidebar">
        @include('partials.header')
        @include('partials.sidebar')

        <div id="content" class="content">
            <ol class="breadcrumb float-xl-right">
                <li class="breadcrumb-item"><a href="javascript:;">Home</a></li>
                <li class="breadcrumb-item"><a href="{{ route('promotion_infos.index') }}">Promotion Info</a></li>
                <li class="breadcrumb-item active">Add New</li>
            </ol>
            <h1 class="page-header">Add New Promotion Info</h1>
            <div class="panel panel-inverse">
                <div class="panel-heading">
                    <h4 class="panel-title">Add New Promotion Info</h4>
                </div>
                <div class="panel-body">
                    <form action="{{ route('promotion_infos.store') }}" method="POST">
                        @csrf
                        <div class="form-group">
                            <label for="content"><strong>Content</strong> <span class="text-danger">*</span></label>
                            <textarea name="content" id="content" class="form-control @error('content') is-invalid @enderror" rows="5"
                                required placeholder="Enter the promotion subheader/description here...">{{ old('content') }}</textarea>
                            @error('content')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="alert alert-info">
                            <strong>Note:</strong> Creating a new info will automatically activate it and deactivate any
                            other existing info.
                        </div>
                        <div class="text-left">
                            <button type="submit" class="btn btn-custom"><i class="fa fa-save"></i> Create Promotion
                                Info</button>
                            <a href="{{ route('promotion_infos.index') }}" class="btn btn-custom"><i
                                    class="fa fa-arrow-left"></i> Back To List</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection