@extends('admin.layouts.master')
@section('headerFiles')
    <link rel="stylesheet" type="text/css" href="{{ admin_asset('admin-assets/plugins/table/datatable/datatables.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ admin_asset('admin-assets/plugins/table/datatable/custom_dt_zero_config.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ admin_asset('admin-assets/plugins/jqvalidation/custom-jqBootstrapValidation.css') }}">
    <link href="{{ admin_asset('admin-assets/plugins/notification/toastr/toastr.min.css') }}" rel="stylesheet" type="text/css" />
    <!-- END GLOBAL MANDATORY STYLES -->    
    <style type="text/css">
        .error{
            color: red;
            display: block;
        }

    </style>
@endsection

@section('content')

<div class="container">
    <div class="page-header">
        <div class="page-title">
            <h3>{{ $page_title }}</h3>
        </div>
    </div>

    <div class="row layout-spacing ">

        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12  layout-spacing">
            @if ( session('error'))
                <div class="alert alert-danger alert-dismissable custom-danger-box" style="margin: 15px;">
                    <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                    <strong> {{ session('error') }} </strong>
                </div>
            @endif
            <div class="statbox widget box box-shadow">
                
                <div class="widget-content widget-content-area">
                    <form method="post" action="{{route('admin.coupons.save')}}" id="admin-form" enctype="multipart/form-data">
                        <input type="hidden" name="id" value="{{ $coupon->id }}">
                        @csrf
                        <div class="row  d-flex justify-content-between align-items-center">
                            <div class="col-md-6 form-group">
                                <label>Code</label>
                                <input type="text" name="code" class="form-control jqv-input" data-jqv-required="true"
                                    value="{{$coupon->code}}"  placeholder="Enter Coupon Code" required>
                            </div>
                            <div class="col-md-6 form-group">
                                <label>Usage</label>
                                <input type="text" name="usage" class="form-control jqv-input" data-jqv-required="true"
                                    value="{{$coupon->usage}}" placeholder="Enter Usage"  required>
                            </div>
                            <div class="col-md-6 form-group">
                                <label>Dsicount Amount</label>
                                <input type="number" name="discount" class="form-control jqv-input" data-jqv-required="true"
                                    value="{{$coupon->discount}}" placeholder="Enter Dsicount"  required>
                            </div>
                            <div class="col-md-6 form-group">
                                <label>Dsicount Type</label>
                                <select name="discount_type" class="form-control">
                                    <option  value="amount">Amount</option>
                                    <option  value="percentage">Percentage</option>
                                </select>
                            </div>
                            <div class="col-md-6 form-group">
                                <label>Status</label>
                                <select name="status" class="form-control">
                                    <option  value="1">Active</option>
                                    <option selected value="0">In Active</option>
                                </select>
                            </div>
                            <div class="col-md-6 form-group">
                                <label> Start Data</label>
                                <input type="date" name="start_date" class="form-control jqv-input" data-jqv-required="true"
                                    value="{{ date('Y-m-d',strtotime($coupon->start_date))  }}" required>
                            </div>
                            <div class="col-md-6 form-group">
                                <label> End Data</label>
                                <input type="date" name="end_date" class="form-control jqv-input" data-jqv-required="true"
                                    value="{{ date('Y-m-d',strtotime($coupon->end_date)) }}" required>
                            </div>

                            <div class="col-md-12 text-center mt-3">
                                <button type="submit" class="mt-4 btn btn-button-7">Submit</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        
    </div>

</div>

@endsection

@section('footerJs')
<script src="{{ admin_asset('admin-assets/plugins/jqvalidation/jqBootstrapValidation-1.3.7.min.js') }}"></script>
<script src="{{ admin_asset('admin-assets/plugins/jqvalidation/jqBootstrapValidation-1.3.7.min.js') }}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.3/jquery.validate.js"></script>
@endsection