<x-owner-layout>
    @section('page_css')
        <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css/core/menu/menu-types/vertical-menu.css') }}">
        <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css/core/colors/palette-gradient.css') }}">
        <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css/plugins/forms/wizard.css') }}">
    @endsection
    <div class="app-content content">
        <div class="content-overlay"></div>
        <div class="header-navbar-shadow"></div>
        <div class="content-wrapper">
            <div class="content-header row">
                <div class="content-header-left col-md-9 col-12 mb-2">
                    <div class="row breadcrumbs-top">
                        <div class="col-12">
                            <h2 class="content-header-title float-left mb-0">Car Wash Loyalty</h2>
                            <div class="breadcrumb-wrapper col-12">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"><a href="{{ $home_url }}">Home</a></li>
                                    <li class="breadcrumb-item"><a href="{{ route('owner.loyalty.list') }}">Car Wash Loyalty</a>
                                    </li>
                                    <li class="breadcrumb-item active">Edit</li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="content-body">
                <section id="validation">
                    <div class="row">
                        <div class="col-12">
                            <div class="card">
                                {{-- <div class="card-header">
                                    <h4 class="card-title">Validation Example</h4>
                                </div> --}}
                                <div class="card-content">
                                    <div class="card-body">
                                        @if ($errors->any())
                                            <div class="alert alert-danger">
                                                <ul>
                                                    @foreach ($errors->all() as $error)
                                                        <li>{{ $error }}</li>
                                                    @endforeach
                                                </ul>
                                            </div>
                                        @endif
                                        @if (Session::has('success'))
                                        <div class="alert alert-success" role="alert">
                                            {{-- <h4 class="alert-heading">Success</h4> --}}
                                            <p class="mb-0">
                                                {{ Session::get('success') }}
                                            </p>
                                        </div>
                                        @endif
                                        @if (Session::has('error'))
                                        <div class="alert alert-danger" role="alert">
                                            {{-- <h4 class="alert-heading">Success</h4> --}}
                                            <p class="mb-0">
                                                {{ Session::get('error') }}
                                            </p>
                                        </div>
                                        @endif
                                        <form action="{{ route('owner.loyalty.update', array('id' => $details['id'])) }}"
                                            class="steps-validation wizard-circle" method="POST"
                                            enctype="multipart/form-data">
                                            @csrf
                                            <!-- Step 1 -->
                                            <fieldset>
                                                <div class="row">
                                                    <div class="col-md-6">
                                                        <div class="form-group">
                                                            <label for="loyalty_name">
                                                                Loyalty Name
                                                            </label>
                                                            <input type="text" class="form-control " id="loyalty_name" name="loyalty_name" value="@if(isset($details)){{ $details['loyalty_name'] }}@endif">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <div class="form-group">
                                                            <label for="loyalty_type">
                                                                Loyalty Type
                                                            </label>
                                                            <select class="form-control loyalty_type select2" name="loyalty_type">
                                                                <option value="">Please select a loyalty type</option>
                                                                <option value="1" @if(isset($details) && $details['loyalty_type'] == 1) selected="selected" @endif>Free Wash</option>
                                                                <!-- <option value="2" @if(isset($details) && $details['loyalty_type'] == 2) selected="selected" @endif>Price Discount(%)</option> -->
                                                                <option value="3" @if(isset($details) && $details['loyalty_type'] == 3) selected="selected" @endif>Loyalty Points</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6 paid_wash_block" @if(isset($details) && $details['loyalty_type'] == 3) style="display: none;" @endif>
                                                        <div class="form-group">
                                                            <label for="no_of_paid_wash">
                                                                Number of Paid Wash
                                                            </label>
                                                            <input type="text" class="form-control " id="no_of_paid_wash" name="no_of_paid_wash" value="@if(isset($details)){{ $details['no_of_paid_wash'] }}@endif">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6 free_wash_block" @if($details['loyalty_type'] == 2 || $details['loyalty_type'] == 3) style="display: none;" @endif>
                                                        <div class="form-group">
                                                            <label for="no_of_free_wash">
                                                                Number of Free Wash
                                                            </label>
                                                            <input type="text" class="form-control " id="no_of_free_wash" name="no_of_free_wash" value="1" readonly>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6 discount_value_block" @if($details['loyalty_type'] == 1 || $details['loyalty_type'] == 3) style="display: none;" @endif>
                                                        <div class="form-group">
                                                            <label for="discount_value">
                                                                Discount (in percentage)
                                                            </label>
                                                            <input type="text" class="form-control " id="discount_value" name="discount_value" value="@if(isset($details)){{ $details['discount_value'] }}@endif">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <div class="form-group">
                                                            <label for="is_active">
                                                                Status
                                                            </label>
                                                            <select name="is_active" class="form-control">
                                                                <option value="1" @if(isset($details) && $details['is_active'] == 1) selected="selected" @endif>Active</option>
                                                    <option value="0" @if(isset($details) && $details['is_active'] == 0) selected="selected" @endif>Inactive</option>
                                                            </select>


                                                        </div>
                                                    </div>
                                                    <div class="col-md-6 offset-md-4">
                                                        <button type="submit" class="btn btn-primary mr-1 mb-1">Save</button>
                                                        <a class="btn btn-outline-warning mr-1 mb-1" href="{{ route('owner.loyalty.list') }}">Back</a>
                                                    </div>
                                                </div>
                                            </fieldset>



                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

            </div>
        </div>
    </div>
    @section('page_scripts')
        <script src="{{ asset('app-assets/vendors/js/extensions/jquery.steps.min.js') }}"></script>
        <script src="{{ asset('app-assets/vendors/js/forms/validation/jquery.validate.min.js') }}"></script>
        <script src="{{ asset('app-assets/js/scripts/forms/wizard-steps.js') }}"></script>

        <script type="text/javascript">
        $('.loyalty_type').on('change', function() {
            if(this.value == 1){
                $('.free_wash_block').css('display','block');
                $('.discount_value_block').css('display','none');
                $('.paid_wash_block').css('display','block');
            } else if(this.value == 2) {
                $('.free_wash_block').css('display','none');
                $('.discount_value_block').css('display','block');
                $('.paid_wash_block').css('display','block');
            } else {
                $('.free_wash_block').css('display','none');
                $('.discount_value_block').css('display','none');
                $('.paid_wash_block').css('display','none');
            }
        });
    </script>
    @endsection
</x-owner-layout>
