@extends('layouts.admin.index')

@section('content')
    <div class="page-header page-header-light shadow">
        <div class="page-header-content d-lg-flex">
            <div class="d-flex">
                <h4 class="page-title mb-0">
                    Home - <span class="fw-normal">App Settings</span>
                </h4>

                <a href="#page_header"
                    class="btn btn-light align-self-center collapsed d-lg-none border-transparent rounded-pill p-0 ms-auto"
                    data-bs-toggle="collapse">
                    <i class="ph-caret-down collapsible-indicator ph-sm m-1"></i>
                </a>
            </div>
        </div>

        <div class="page-header-content d-lg-flex border-top">
            <div class="d-flex">
                <div class="breadcrumb py-2">
                    <a href="{{ route('admin.dashboard') }}" class="breadcrumb-item"><i class="ph-house"></i></a>
                    <a href="{{ route('admin.dashboard') }}" class="breadcrumb-item">Home</a>
                    <span class="breadcrumb-item active">Settings</span>
                    <span class="breadcrumb-item active">App</span>
                </div>

                <a href="#breadcrumb_elements"
                    class="btn btn-light align-self-center collapsed d-lg-none border-transparent rounded-pill p-0 ms-auto"
                    data-bs-toggle="collapse">
                    <i class="ph-caret-down collapsible-indicator ph-sm m-1"></i>
                </a>
            </div>
        </div>
    </div>

    <div class="content">

        @include('error-success')

        <div class="card">
            <div class="card-body">
                <div class="mb-4">
                    <table class="table table-bordered table-bordered mb-0">
                        <thead>
                            <tr>
                                <th>App Name</th>
                                <th>Version</th>
                                <th style="text-align: center;">Compulsory Update ?</th>
                            </tr>
                        </thead>
                        <form id="update-app-settings-form" action="{{ route('update.app.settings') }}"
                            enctype="multipart/form-data" method="POST">
                            {!! csrf_field() !!}
                            <tbody>
                                <tr>
                                    <td>Android App</td>
                                    <td>
                                        <input type="hidden" name="android[identifier]" value="android_app">
                                        <input type="hidden" name="android[app_label]" value="Android App">
                                        <input name="android[app_version]" class="form-control" type="text"
                                            value="{{ $data['android_app']['app_version'] ?? '' }}" id="android_version">
                                    </td>
                                    <td style="text-align: center;">
                                        <div class="d-inline-block custom-control custom-checkbox">
                                            <input type="checkbox" name="android[updates]" id="android_chk"
                                                class="custom-control-input bg-info"
                                                {{ isset($data['android_app']['updates']) && $data['android_app']['updates'] == 1 ? 'checked' : '' }}>
                                            <label for="android_chk" class="custom-control-label"></label>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Ios App</td>
                                    <td>
                                        <input type="hidden" name="ios[identifier]" value="	ios_app">
                                        <input type="hidden" name="ios[app_label]" value="Ios App">
                                        <input name="ios[app_version]" class="form-control" type="text"
                                            value="{{ $data['ios_app']['app_version'] ?? '' }}" id="ios_version">
                                    </td>
                                    <td style="text-align: center;">
                                        <div class="d-inline-block custom-control custom-checkbox">
                                            <input type="checkbox" name="ios[updates]" id="ios_chk"
                                                class="custom-control-input bg-info"
                                                {{ isset($data['ios_app']['updates']) && $data['ios_app']['updates'] == 1 ? 'checked' : '' }}>
                                            <label for="ios_chk" class="custom-control-label"></label>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="2">Maintenance Mode</td>
                                    <td style="text-align: center;">
                                        <div class="d-inline-block custom-control custom-checkbox">
                                            <input type="hidden" name="maintenance_mode[identifier]"
                                                value="maintenance_mode">
                                            <input type="hidden" name="maintenance_mode[app_label]"
                                                value="Maintenance Mode">
                                            <input type="checkbox" name="maintenance_mode[updates]" id="maintenance_chk"
                                                class="custom-control-input bg-info"
                                                {{ isset($data['maintenance_mode']['updates']) && $data['maintenance_mode']['updates'] == 1 ? 'checked' : '' }}>
                                            <label for="maintenance_chk" class="custom-control-label"></label>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="3" style="text-align: right">
                                        <button type="submit" class="btn btn-primary">
                                            Update
                                        </button>
                                    </td>
                                </tr>
                            </tbody>
                        </form>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script>
        const url = "{{ route('booking.detail.ajax') }}";
    </script>
@endsection