@extends('layouts/contentLayoutMaster')

@section('title', 'Add Promotion')

@section('vendor-style')
    {{-- Page Css files --}}
    <link rel="stylesheet" href="{{ asset(mix('admin/vendors/css/tables/datatable/dataTables.bootstrap4.min.css')) }}">
    <link rel="stylesheet" href="{{ asset(mix('admin/vendors/css/tables/datatable/responsive.bootstrap4.min.css')) }}">
    <link rel="stylesheet" href="{{ asset(mix('admin/vendors/css/tables/datatable/buttons.bootstrap4.min.css')) }}">
@endsection

@section('page-style')
    {{-- Page Css files --}}
    <link rel="stylesheet" href="{{ asset(mix('admin/css/base/plugins/forms/form-validation.css')) }}">
    <link rel="stylesheet" href="{{ asset(mix('admin/css/base/pages/app-user.css')) }}">
@endsection

@section('content')
    <section>
        <div class="col-lg-12 col-12">
            <div class="card card-company-table">
                <div class="card-header">
                    <h4 class="card-title">
                        Offers - Add Promotion
                    </h4>
                </div>
                <div class="card-body p-2">
                    <form>
                        <div class="row">
                            <div class="col-12 col-lg-6 col-sm-6 mt-1">
                                <label for="promotion-name" class="font-medium-1">Promotion Name: </label>
                                <input type="text" class="form-control" placeholder="Promotion Name">
                            </div>

                            <div class="col-12 col-lg-6 col-sm-6 mt-1">
                                <label for="promotion-image" class="font-medium-1">Promotion Image: </label>
                                <br>
                                <div class="d-inline-flex">
                                    <input type="file" class="form-control" placeholder="promotion-image">
                                    <div class="bg-light-primary ml-3" >
                                        <div class="avatar-content">
                                            <img src="" alt="Promotion Image Here">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 mt-1">
                                <label for="description" class="font-medium-1">Description:</label>
                                <textarea id="description" class="form-control" placeholder="Description" rows="3">
                                </textarea>
                            </div>

                            <div class="justify-content-between col-12 mt-2">
                                <button type="submit" class="btn btn-primary col-12 col-lg-3 col-sm-3 " >
                                    <i data-feather="plus-square" class="font-medium-2"></i>
                                    Add Promotion
                                </button>

                                <button type="reset" class="btn btn-secondary col-12 col-lg-3 col-sm-3 " >
                                    <i data-feather="file" class="font-medium-2"></i>
                                    Clear Form
                                </button>

                                <button type="" class="btn btn-danger col-12 col-lg-3 col-sm-3 " >
                                    <i data-feather="corner-up-left" class="font-medium-2"></i>
                                    Cancel
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
@endsection
@section('vendor-script')
    {{-- vendor files --}}
    <script src="{{ asset(mix('admin/vendors/js/tables/datatable/jquery.dataTables.min.js')) }}"></script>
    <script src="{{ asset(mix('admin/vendors/js/tables/datatable/datatables.bootstrap4.min.js')) }}"></script>
    <script src="{{ asset(mix('admin/vendors/js/tables/datatable/dataTables.responsive.min.js')) }}"></script>
    <script src="{{ asset(mix('admin/vendors/js/tables/datatable/responsive.bootstrap4.js')) }}"></script>
    <script src="{{ asset(mix('admin/vendors/js/tables/datatable/datatables.checkboxes.min.js')) }}"></script>
    <script src="{{ asset(mix('admin/vendors/js/tables/datatable/datatables.buttons.min.js')) }}"></script>
    <script src="{{ asset(mix('admin/vendors/js/tables/datatable/buttons.bootstrap4.min.js')) }}"></script>
    <script src="{{ asset(mix('admin/vendors/js/tables/datatable/jszip.min.js')) }}"></script>
    <script src="{{ asset(mix('admin/vendors/js/tables/datatable/pdfmake.min.js')) }}"></script>
    <script src="{{ asset(mix('admin/vendors/js/tables/datatable/vfs_fonts.js')) }}"></script>
    <script src="{{ asset(mix('admin/vendors/js/tables/datatable/buttons.html5.min.js')) }}"></script>
    <script src="{{ asset(mix('admin/vendors/js/tables/datatable/buttons.print.min.js')) }}"></script>
    <script src="{{ asset(mix('admin/vendors/js/tables/datatable/dataTables.rowGroup.min.js')) }}"></script>
    <script src="{{ asset(mix('admin/vendors/js/pickers/flatpickr/flatpickr.min.js')) }}"></script>
@endsection
@section('page-script')
    {{-- Page js files --}}
    {{--    <script src="{{ asset(mix('admin/js/scripts/tables/table-datatables-basic.js')) }}"></script>--}}
@endsection