@extends('layouts.app')
@section('page-title', 'Setting - Force Update')
@section('content')
    <div class="page">
        <div class="page-wrapper">
            <!-- Page header -->

            <!-- Page body -->
            <div class="page-body">
                <div class="container-xl">
                    <div class="row row-cards">
                        <div class="col-12">
                            <form class="card" id="force-update-form" method="POST" action="{{ $action_url }}" enctype="multipart/form-data">
                                {{ csrf_field() }}
                                <div class="card-body">
                                    <!--Android Manager App-->
                                    <div class="row row-cards" style="padding:10px">
                                        <div class="col-sm-6 col-md-12 app-section">
                                            <div class="mb-3 p-2">
                                                <label class="form-label app-label"> Manager - Android App</label>
                                                <div class="row row-cards">
                                                <div class="col-sm-6 col-md-6" >
                                                    <div class="mb-3">
                                                        <label class="form-label">Play Store URL <span class="req_fld"> * </span></label>
                                                        <input type="text" class="form-control" name="android_manager_url" placeholder="Enter Play Store URL" value="{{ !empty($row) ? $row->android_manager_url:'' }}">
                                                    </div>
                                                </div>
                                                <div class="col-sm-2 col-md-2">
                                                    <div class="mb-3">
                                                        <label class="form-label">Version <span class="req_fld"> * </span></label>
                                                        <input type="text" class="form-control" name="android_manager_app_version" placeholder="0" value="{{ !empty($row) ? $row->android_manager_app_version:'' }}">
                                                    </div>
                                                </div>
                                                <div class="col-sm-2 col-md-2 d-flex align-items-end">
                                                    <div class="mb-3">
                                                        <div style="display: flex; align-items: end">
                                                            <label class="form-check">
                                                                <input type="checkbox" style="cursor: pointer" class="form-check-input" @if(!empty($row)) @if($row->android_manager_force_update == 1) checked @endif @endif  value="1" name="android_manager_force_update">
                                                                <span class="form-check-label">Enable Force Update</span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>
                                                </div>
                                                <div class="row row-cards">
                                                <div class="col-sm-8 col-md-8">
                                                    <div class="mb-3">
                                                        <label class="form-label">Android Manager App Message</label>
                                                        <input maxlength="180" type="text" name="android_manager_app_message" class="form-control"  value="{{ !empty($row) ? $row->android_manager_app_message:'' }}" placeholder="Android manager app message">
                                                    </div>
                                                </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!--IOS Manager App-->
                                    <div class="row row-cards" style="padding:10px">
                                        <div class="col-sm-6 col-md-12 app-section">
                                            <div class="mb-3 p-2">
                                                <label class="form-label app-label"> Manager - IOS App</label>
                                                <div class="row row-cards">
                                                <div class="col-sm-6 col-md-6" >
                                                    <div class="mb-3">
                                                        <label class="form-label">Apple Store URL <span class="req_fld"> * </span></label>
                                                        <input type="text" class="form-control" name="ios_manager_url" placeholder="Enter Play Store URL" value="{{ !empty($row) ? $row->ios_manager_url:'' }}">
                                                    </div>
                                                </div>
                                                <div class="col-sm-2 col-md-2">
                                                    <div class="mb-3">
                                                        <label class="form-label">Version <span class="req_fld"> * </span></label>
                                                        <input type="text" class="form-control" name="ios_manager_app_version" placeholder="0" value="{{ !empty($row) ? $row->ios_manager_app_version : '' }}">
                                                    </div>
                                                </div>
                                                <div class="col-sm-2 col-md-2 d-flex align-items-end">
                                                    <div class="mb-3">
                                                        <div style="display: flex; align-items: end">
                                                            <label class="form-check">
                                                                <input type="checkbox" style="cursor: pointer" class="form-check-input" @if(!empty($row)) @if ($row->ios_manager_force_update == 1) checked @endif @endif value="1" name="ios_manager_force_update">
                                                                <span class="form-check-label">Enable Force Update</span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>
                                                </div>
                                                <div class="row row-cards">
                                                <div class="col-sm-8 col-md-8">
                                                    <div class="mb-3">
                                                        <label class="form-label">IOS Manager App Message</label>
                                                        <input maxlength="180" type="text" name="ios_manager_app_message" class="form-control"  value="{{ !empty($row) ? $row->ios_manager_app_message : '' }}" placeholder="IOS manager app message">
                                                    </div>
                                                </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="card-footer text-end">
                                    <button type="submit" class="btn btn-primary">Save</button>
                                    <a href="{{ route('home') }}" class="btn btn-default">Cancel</a>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop
@push('javascript')
    <script>
        $(function () {
            $.validator.addMethod(
                "regex",
                function (value, element, regexp) {
                    var re = new RegExp(regexp);
                    return this.optional(element) || re.test(value);
                },
                "Invalid format."
            );

            function validateForm() {
                $('#force-update-form').validate({
                    rules: {
                        android_manager_url: {
                            required: true,
                        },
                        android_manager_app_version: {
                            required: true,
                            regex: /^[0-9]+(\.[0-9]+)*$/,
                        },
                        ios_manager_url: {
                            required: true,
                        },
                        ios_manager_app_version: {
                            required: true,
                            regex: /^[0-9]+(\.[0-9]+)*$/,
                        },
                    },
                    messages: {
                        android_manager_url: {
                            required: "Android Manager URL field is required",
                        },
                        android_manager_app_version: {
                            required: "Android Manager Version field is required",
                            regex: "Please enter a valid version number (e.g., 1.0.0)",
                        },
                        ios_manager_url: {
                            required: "iOS Manager URL field is required",
                        },
                        ios_manager_app_version: {
                            required: "iOS Manager Version field is required",
                            regex: "Please enter a valid version number (e.g., 1.0.0)",
                        },
                    },
                });
            }

            validateForm();
        });
    </script>
@endpush