@extends('adminlte::page')

@section('title', 'Currency Converter Add')

@section('content')
    <div class="row">
        <!-- left column -->
        <div class="col-md-12">
            <!-- general form elements -->
            <div class="box box-primary">
                <div class="box-header with-border">
                    <h3 class="box-title">Add Currency Converter</h3>
                </div>
                <form role="form" enctype="multipart/form-data" method="POST" action="{{ route('currency.store') }}" autocomplete="off">
                    @csrf
                    <div class="box-body">
                        <div class="form-group">
                            <label>Currency Code</label>
                            <input type="text" class="form-control" name="currency_code" placeholder="Currency Code"
                                   value="{{ old('currency_code') }}" required>
                        </div>
                    </div>
                    <div class="box-body">
                        <div class="form-group">
                            <label>Price in USD</label>
                            <input type="text" class="form-control" name="price_in_usd" placeholder="Price in USD"
                                   value="{{ old('price_in_usd') }}" required>
                        </div>
                    </div>
                    <div class="box-body">
                        <div class="form-group">
                            <label>Sub Title</label>
                            <input type="text" class="form-control" name="sub_title" placeholder="Subtitle for currency"
                                   value="{{ old('sub_title') }}" required>
                        </div>
                    </div>
                    <div class="form-floating my-3">
                        <label for="floatingTextarea">Country Description</label>
                        <textarea class="form-control"  name="description" placeholder="Write Here..." id="content" rows="7" cols="100" ></textarea>
                    </div>
                    <!-- <div class="box-body">
                        <div class="form-group">
                            <label>Country Description</label>
                            <textarea type="text" class="form-control" name="description" 
                                   value="{{ old('description') }}" required></textarea>
                        </div>
                    </div> -->

                    <div class="box-body">
                        <div class="form-group">
                            <label>Flag</label>
                            <input type="file" class="form-control" name="flag" required>
                        </div>
                    </div>
                    <div class="box-footer">
                        <button type="submit" class="btn btn-primary">Submit</button>
                    </div>
                </form>
            </div>
            <!-- /.box -->
        </div>
    </div>
@stop
@section('css')
    <style>
    .cke_notification_message,
    .cke_notification,
    .cke_notification_warning,
    .cke_notification_close {
        display: none !important;
    }
</style>


  
@stop
@section('js')
<script src="https://cdn.ckeditor.com/4.22.1/standard/ckeditor.js"></script>
<script>
    CKEDITOR.replace('content');
  </script>

@stop