@extends('superadmin::layouts.master')
@section('title',__('tenant::promo-codes.create'))
@section('extra-styles')
    <link rel="stylesheet" href="{{asset('assets/vendors/css/pickers/daterange/daterangepicker.css')}}">
    <link rel="stylesheet" type="text/css"
          href="{{asset('assets/vendors/css/pickers/datetime/bootstrap-datetimepicker.css')}}">
    <link rel="stylesheet" href="{{asset('assets/vendors/css/pickers/pickadate/pickadate.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('assets/css/plugins/pickers/daterange/daterange.css')}}">
    <link rel="stylesheet" href="{{asset('assets/css/custom.css')}}">
    <script src="{{ asset('/js/app.js') }}" defer></script>
@endsection
@section('breadcrumb')
<div class="row breadcrumbs-top">
    <div class="breadcrumb-wrapper col-xs-12">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{route("dashboard-home")}}">@lang('Home')</a></li>
            <li class="breadcrumb-item"><a href="{{route("promo.index")}}">@lang('tenant::promo-codes.title')</a></li>
            <li class="breadcrumb-item"><a href="{{route("promo.create")}}">@lang('Create')</a></li>
        </ol>
    </div>
</div>
@endsection

@section('content')
<div id="app">
<div class="row ibox-content m-b-sm hidden-print list-actions mb-1">
    <div class="col-md-6 hidden">
        <h4 class="content-header-title mb-0">@yield('title')</h4>
    </div>
    <div class="col-md-12 bkBtn">
        @if(old('request_id',request('request_id')))
        <div role="group" aria-label="Button group with nested dropdown" class="btn-group divBack">
            <a href="{{route('promo.index')}}" class="btn btn-primary btn-min-width">{{__('Back')}}</a>
        </div>
        @else
        <div role="group" aria-label="Button group with nested dropdown" class="btn-group">
            <a href="{{route('promo.index')}}" class="btn btn-primary btn-min-width">{{__('Back')}}</a>
        </div>
        @endif
    </div>
</div>
<section id="striped-row-form-layouts" class="add-form-section filter-section-collapse">
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-body collapse in">
                    <!-- END MESSAGE-->
                    <div class="card-block">
                        <form action="{{ route('promo.store') }}" method="POST" class="form form-horizontal striped-rows form-bordered dev-form-validate">
                            @csrf
                            <div class="row">
                                <div class="col-lg-9  col-md-10 col-xs-12">
                                    <div class="form-group mb-1">
                                        <div class="row border-0">
                                            <div class="col-md-3">
                                                <label for="code">@lang('tenant::promo-codes.code')</label>
                                                <span class="text-danger">*</span>
                                            </div>
                                            <div class="col-md-9">
                                                <input type="text" name="code" value="{{ old('code', request('code')) }}" class="form-control @if($errors->has('code')) is-invalid @endif" data-msg-required="Please enter code">
                                                @error('code')
                                                <span class="invalid-feedback" role="alert">
                                                    <p>{{ $message }}</p>
                                                </span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group mb-1">
                                        <div class="row">
                                            <div class="col-md-3">
                                                <label for="discount">@lang('tenant::promo-codes.discount')</label> %
                                                <span class="text-danger">*</span>
                                            </div>
                                            <div class="col-md-9">
                                                <input type="text" name="discount" value="{{ old('discount', request('discount')) }}" class="form-control @if($errors->has('discount')) is-invalid @endif" data-msg-required="Please enter code">
                                                @error('discount')
                                                <span class="invalid-feedback" role="alert">
                                                    <p>{{ $message }}</p>
                                                </span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group mb-1">
                                        <div class="row border-0">
                                            <div class="col-md-3">
                                                <label for="due_date">@lang('tenant::promo-codes.due_date')</label>
                                                <span class="text-danger">*</span>
                                            </div>
                                            <div class="col-md-9">
                                                <x-date-picker 
                                                    name="due_date" 
                                                    input-id="due_date" 
                                                    :value="old('due_date')" 
                                                    :is-invalid="$errors->has('due_date')" 
                                                    :required="true"
                                                />
                                                @error('due_date')
                                                <span class="invalid-feedback text-danger d-block" role="alert">
                                                    <p>{{ $message }}</p>
                                                </span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group mb-1">
                                        <div class="row">
                                            <div class="col-md-3">
                                                <label for="description">@lang('tenant::promo-codes.description')</label>
                                                <span class="text-danger"></span>
                                            </div>
                                            <div class="col-md-9">
                                                <input type="text" name="description" value="{{ old('description', request('description')) }}" class="form-control @if($errors->has('description')) is-invalid @endif" data-msg-required="Please enter code">
                                                @error('description')
                                                <span class="invalid-feedback" role="alert">
                                                    <p>{{ $message }}</p>
                                                </span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-actions text-xs-center">
                                <button type="submit" class="btnWidth btn btn-primary saveDraftBtn-color mb-1">
                                    <i class="fa fa-check-square-o"></i> @lang('Save')
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
</div>
@endsection
@section('extra_scripts')
    <script src="{{url('assets/js/vendors/js/pickers/dateTime/moment-with-locales.min.js')}}" defer></script>
    <script src="{{url('assets/js/vendors/js/pickers/dateTime/bootstrap-datetimepicker.min.js')}}" defer></script>
    <script src="{{url('assets/js/vendors/js/pickers/pickadate/picker.js')}}" defer></script>
    <script src="{{url('assets/js/vendors/js/pickers/pickadate/picker.date.js')}}" defer></script>
    <script src="{{url('assets/js/vendors/js/pickers/pickadate/picker.time.js')}}" defer></script>
    <script src="{{url('assets/js/vendors/js/pickers/pickadate/legacy.js')}}" defer></script>
    <script src="{{url('assets/js/vendors/js/pickers/daterange/daterangepicker.js')}}" defer></script>
    <script src="{{ asset('assets/js/custom/daterangepicker.js') }}" defer></script>
    <script src="{{url('assets/js/vendors/js/pickers/dateTime/picker-date-time.js')}}" defer></script>
@endsection