@extends('layouts.admin')


@section('style')
@endSection

@section('script')

    <script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.5.1/dropzone.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.5.1/dropzone.css">

    <script src="{{ asset('assets/bower/ckeditor/ckeditor.js') }}"></script>

    <script>
        $(document).ready(function() {
            $.getJSON("{{ route('promo_codes_group') }}", function(data) {
                var selectPromoGroup = $('#group_id');
                selectPromoGroup.append('<option value="0">Import New Promo Code</option>');
                $.each(data.groups, function(key, group) {
                    selectPromoGroup.append('<option value="'+ group.id +'">'+ group.text +'</option>');
                });
            });
        });
    </script>

@endSection

@section('content')

    <!-- Content Header (Page header) -->
    @php
        $page_title =__('heading.title_import_promocode');
    @endphp

        <!-- Main content -->
    <section class="content">
        <div class="row">

            <div class="col-md-12">

                <form class="form-horizontal form-" action="{{ $post_url ?? '' }}" method="POST"
                      enctype="multipart/form-data">
                    @csrf
                    <div class="card card-info">
                        <div class="card-header">
                            {{--<h3 class="card-title">{{ __('heading.title_data_download') }}</h3>--}}
                            <h3 class="card-title">Import Promo Codes</h3>
                            <a href="{{ route('download_code_template') }}" role="button" class="btn btn-sm btn-default text-muted float-right">Download Template</a>
                        </div>
                        <!-- /.card-header -->
                        <div class="card-body">

                            {{--<form action="{{ $post_url ?? '' }}" class="dropzone">--}}
                            {{--@csrf--}}
                            {{--</form>--}}


                            <ul class="border bg-light py-2">
                                <li>Only CSV format is allowed</li>
                                <li>In the dropdown, select "Import New Promo Code" to import new promo codes </li>
                                <li>In the dropdown, select existing promo code name to top up promo codes</li>
                            </ul>

                            <div class="form-group row {{ $errors->has('group_id') ? 'has-error' : '' }}">
                                <label class="col-sm-2 control-label">Create/Select Existing Promo Code Group<span class="required">*</span></label>
                                <div class="col-sm-10">
                                    <select class="form-control" name="group_id" id="group_id">
                                    </select>
                                    @if ($errors->has('group_id'))
                                        <small class="help-block">{{ $errors->first('group_id') }}</small>
                                    @endif
                                </div>
                            </div>

                            <div class="form-group row {{ $errors->has('name') ? 'has-error' : '' }} ">
                                <label class="col-sm-2 control-label">Import name <span class="required">*</span></label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control " placeholder="Key in promocode group name" name="name" value="{{ $name ?? old('name') }}" >
                                    @if ($errors->has('name'))
                                        <small class="help-block">{{ $errors->first('name') }}</small>
                                    @endif
                                </div>
                            </div>

                            <div class="form-group row {{ $errors->has('file') ? 'has-error' : '' }} ">
                                <label class="col-sm-2 control-label">Select File to Upload<span
                                        class="required">*</span></label>
                                <div class="col-sm-10">
                                    <input type="file" name="promocode_csv" id="file" value="{{ old('file') }}">
                                    @if ($errors->has('file'))
                                        <small class="help-block">{{ $errors->first('file') }}</small>
                                    @endif
                                </div>
                            </div>

                            <div class="form-group row {{ $errors->has('description') ? 'has-error' : '' }} ">
                                <label class="col-sm-2 control-label">Description<span class="required">*</span></label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" name="description" id="description" value="{{ old('description') }}" placeholder="Enter description here">
                                    @if ($errors->has('description'))
                                        <small class="help-block">{{ $errors->first('description') }}</small>
                                    @endif
                                </div>
                            </div>
                    </div>
                    </div>

                    <button class="btn btn-info btn-block mb-4" type="submit">Submit</button>
                </form>
            </div>
        </div>
        <!-- /.row -->
    </section>
    <!-- /.content -->

@endsection