{{-- mainLayouts extends --}}
@extends('layouts.contentLayoutMaster')

{{-- Page title --}}
@section('title', 'Coupon Edit')
@section('vendor-style')
<link rel="stylesheet" type="text/css" href="{{asset('vendors/select2/select2.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('vendors/select2/select2-materialize.css')}}">
@endsection
{{-- page style --}}
@section('page-style')
<link rel="stylesheet" type="text/css" href="{{asset('css/pages/form-select2.css')}}">
@endsection

@section('content')
<form action="{{route('admin.coupons.update', $coupon->id)}}" method="POST">
    @csrf
    @method('PUT')
    <div class="card">
        <div class="card-content">
            <span class="card-title">Edit Coupon</span>
            <table class="striped">
                <tr>
                    <th>Coupon Code *</th>
                    <td>
                        <div class="input-field col s12">
                            <input id="coupon_code" name="coupon_code" type="text" class="@error('coupon_code') error @enderror" value="{{old('coupon_code',$coupon->coupon_code)}}">
                            @if ($errors->has('coupon_code'))
                            <div id="image-error" class="error">{{ $errors->first('coupon_code') }}</div>
                            @endif
                        </div>
                    </td>
                </tr>
                <tr>
                    <th width="20%">Discount Price *<p>
                        <label>
                          <input type="checkbox" id="percentage" />
                          <span>%</span>
                        </label>
                      </p>
                    </th>
                    <td>
                        <div class="input-field col s12">
                            <div class="input-field">
                                <input id="discount_price" name="discount_price" type="text" class="@error('discount_price') error @enderror" value="{{old('discount_price',$coupon->discount_price)}}">
                                <div id="discounted_price">
                                    <select class="select2 browser-default" name="discount_percentage">
                                        <option value="">Choose percentage</option>
                                        @for ($i = 1; $i < 100; $i++)
                                            <option value="{{ $i }}" @if ($i == $coupon->discount_price) selected @endif>{{ $i }} %</option>
                                        @endfor
                                    </select>
                                </div>
                              </div>
                            @if ($errors->has('discount_price'))
                            <div id="image-error" class="error">{{ $errors->first('discount_price') }}</div>
                            @endif
                        </div>

                        {{-- <div class="input-field col s12">
                            <input id="discount_price" name="discount_price" type="text" class="@error('discount_price') error @enderror" value="{{old('discount_price',$coupon->discount_price)}}">
                            @if ($errors->has('discount_price'))
                            <div id="image-error" class="error">{{ $errors->first('discount_price') }}</div>
                            @endif
                        </div> --}}
                    </td>
                </tr>
                <tr>
                    <th>Expire Date *</th>
                    <td>
                        <div class="input-field col s12">
                            <input type="text" class="datepicker" name="expire_at" class="@error('expire_at') error @enderror" value="{{old('expire_at',$coupon->expire_at)}}">
                            {{-- <input id="expire_at" name="expire_at" type="text" class="@error('expire_at') error @enderror" value="{{old('expire_at',$coupon->expire_at)}}"> --}}
                            @if ($errors->has('expire_at'))
                            <div id="image-error" class="error">{{ $errors->first('expire_at') }}</div>
                            @endif
                        </div>
                    </td>
                </tr>

                <tr>
                    <th>Product </th>
                    <td>
                        <div class="input-field">
                            <select class="select2 browser-default" name="products[]" multiple="multiple">
                                <optgroup label="Figures">
                                    @foreach ($products as $product)
                                        <option value="{{ $product->id }}" @if (in_array($product->id,$product_ids)) selected @endif>{{ $product->model }}</option>
                                    @endforeach
                                </optgroup>
                            </select>
                        </div>
                    </td>
                </tr>
            </table>

        </div>
    </div>
    <div class="col s12">
        <div class="row right">
            <a href="{{ route('admin.coupons.index') }}" class="waves-effect waves-light black-text padr30px">Cancel</a>
            <button class="btn red waves-effect waves-light border-radius-6" type="submit" name="action">Update</button>
        </div>
    </div>
</form>
@endsection
{{-- page script --}}
@section('page-script')
<script src="{{asset('js/scripts/form-select2.js')}}"></script>
<script>
        $(document).ready(function(){
        $("#discounted_price").hide();
    });
    $('#percentage').click(() => {
        $("#discounted_price").toggle();
        $("#discount_price").toggle()
    })

</script>
@endsection
@section('vendor-script')
<script src="{{asset('vendors/select2/select2.full.min.js')}}"></script>
@endsection