@extends('vendors.layouts.master')

@section('page-header')
    <div class="breadcrumb-header justify-content-between">
        <div class="my-auto">
            <div class="d-flex">
                <h4 class="content-title mb-0 my-auto">إعدادات الروابط</h4>
            </div>
        </div>
    </div>
@endsection

@section('content')
    <div class="row" id="vendor-links-app">
        <div class="col-xl-12">
            <div class="card">
                <div class="card-header pb-0 d-flex justify-content-between align-items-center">
                    <h4 class="card-title mg-b-0">تحديث روابط الدعم والإدارة</h4>
                </div>
                <div class="card-body">
                    @if (session('success'))
                        <div class="alert alert-success">{{ session('success') }}</div>
                    @endif
                    <form id="linksForm" method="POST" action="{{ route('vendor.settings.links.update') }}"
                        @submit.prevent="submitForm">
                        @csrf
                        <div class="row row-sm">
                            <div class="col-lg-6 mt-3">
                                <label class="form-label">رابط الدعم</label>
                                <input class="form-control" name="support_link" type="text"
                                    value="{{ old('support_link', optional($vendor->vendorApp)->support_link) }}"
                                    placeholder="مثال: https://support.example.com">
                                @error('support_link')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="col-lg-6 mt-3">
                                <label class="form-label">رابط الإدارة</label>
                                <input class="form-control" name="manage_link" type="text"
                                    value="{{ old('manage_link', optional($vendor->vendorApp)->manage_link) }}"
                                    placeholder="مثال: https://manage.example.com">
                                @error('manage_link')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                        </div>
                        <div class="text-center mt-4">
                            <button type="submit" class="btn btn-primary col-5">
                                <x-lucide-save /> حفظ التغييرات
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('js')
    @include('vue')
    <script>
        new Vue({
            el: '#vendor-links-app',
            methods: {
                submitForm(e) {
                    const form = document.getElementById('linksForm');
                    let formData = new FormData(form);
                    Swal.fire({
                        title: 'جارٍ الحفظ...',
                        allowOutsideClick: false,
                        didOpen: () => Swal.showLoading(),
                    });
                    adawe('{{ route('vendor.settings.links.update') }}', formData)
                        .then(r => {
                            Swal.fire({
                                title: 'تم الحفظ بنجاح',
                                icon: 'success',
                                confirmButtonText: 'موافق'
                            });
                        })
                        .catch(err => {
                            let msg = 'حدث خطأ أثناء الحفظ';
                            if (err.response && err.response.data && err.response.data.message) {
                                msg = err.response.data.message;
                            }
                            Swal.fire({
                                title: msg,
                                icon: 'error',
                                confirmButtonText: 'موافق'
                            });
                        });
                }
            }
        });
    </script>
@endsection