@extends('admin.layout.master')
@section('content')
    <div class='bg-white rounded'>
        <div class="nav-scroller">
            <nav class="nav justify-content-between">
                <li class="nav-item d-flex align-items-center">
                    <a class='nav-link fw-bold text-primary' href="{{ url('/home') }}">{{ trans('admin.home') }}</a>
                    <span class="bi bi-caret-right"></span>
                    <span class="mx-2"> {{ trans('admin.setting') }} </span>
                </li>
            </nav>
        </div>
    </div>

    <div class="container-fluid">
        {{-- tab pills start --}}
        <div class="card p-3">
            @if (session()->has('success'))
                <div class="alert alert-success alert-dismissible fade show mx-3" role="alert">
                    {{ session()->get('success') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            @elseif(session()->has('error'))
                <div class="alert alert-danger alert-dismissible fade show mx-3" role="alert">
                    {{ session()->get('error') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            @endif
            <div class="row align-items-start">
                {{-- side links buttons --}}
                <div class="col-md-2">
                    <div class="nav flex-column nav-pills me-3 bg-light p-3" id="v-pills-tab" role="tablist"
                        aria-orientation="vertical">
                        {{-- <button class="nav-link active" id="general_tab" data-bs-toggle="pill" data-bs-target="#general"
                            type="button" role="tab" aria-controls="general"
                            aria-selected="true">{{ trans('admin.General') }}</button> --}}

                        <button class="nav-link active" id="locale_tab" data-bs-toggle="pill" data-bs-target="#locale"
                            type="button" role="tab" aria-controls="locale"
                            aria-selected="false">{{ trans('admin.Locale Setting') }}</button>
                        
                        <button class="nav-link" id="app_settings_tab" data-bs-toggle="pill"
                            data-bs-target="#app_settings" type="button" role="tab" aria-controls="website_status"
                            aria-selected="false">{{ trans('admin.App Settings') }}</button>

                        <button class="nav-link" id="website_status_tab" data-bs-toggle="pill"
                            data-bs-target="#website_status" type="button" role="tab" aria-controls="website_status"
                            aria-selected="false">{{ trans('admin.Website Status') }}</button>
                    </div>
                </div>
                {{-- side links buttons ends --}}

                {{-- tabs div from here --}}
                <div class="col-md-10">
                    <div class="tab-content" id="v-pills-tabContent">
                        {{-- general tab --}}
                        {{-- <div class="tab-pane fade show active" id="general" role="tabpanel" aria-labelledby="general_tab">
                            <form action="{{ url('site_info/update') }}" method="post" enctype="multipart/form-data">
                                @csrf
                                <div class='bg-light rounded mb-3'>
                                    <div class="nav-scroller row p-1">
                                        <nav class="nav col-md-6">
                                            <li class="nav-item d-flex align-items-center">
                                                <b class='text-decoration-none theme_text_color fs-5'>
                                                    {{ trans('admin.General') }}
                                                </b>
                                            </li>
                                        </nav>
                                        <nav class="nav col-md-6 d-flex justify-content-end">
                                            <li>
                                                <button type="submit"
                                                    class="btn btn-success">{{ trans('admin.save') }}</button>
                                            </li>
                                        </nav>
                                    </div>
                                </div>
                                <div class='row round'>
                                    <div class="col-sm-8 text-dark margin-top">
                                        <div class="row">
                                            <div class="mb-3 col-12">
                                                <select class="form-select form-select-sm lang" name="lang"
                                                    id="lang">
                                                    <option value="">{{ trans('admin.choose') }}</option>
                                                    @foreach ($data['lang_list'] as $item)
                                                        <option value="{{ $item->abbr }}"
                                                            @if ($data['lang'] == $item->abbr || old('lang') == $item->abbr) selected @endif>
                                                            {{ $item->name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                @error('lang')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                            <div class="mb-3 col-md-6">
                                                <label for="site_title"
                                                    class="form-label">{{ trans('admin.enter_website_title') }}</label>
                                                <input type="text"
                                                    class="form-control @error('site_title') is-invalid @enderror"
                                                    id="site_title" name="site_title" placeholder="Title"
                                                    value="{{ $data['info']->title[$data['lang']] ?? '' }}">
                                                @error('site_title')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                            <div class="mb-3 col-md-6">
                                                <label for="slogan"
                                                    class="form-label">{{ trans('admin.slogan') }}</label>
                                                <input type="text"
                                                    class="form-control @error('slogan') is-invalid @enderror"
                                                    id="slogan" name="slogan" placeholder="Title"
                                                    value="{{ $data['info']->slogan[$data['lang']] ?? '' }}">
                                                @error('slogan')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                            <div class="mb-3 col-md-12">
                                                <label for="email"
                                                    class="form-label">{{ trans('admin.email') }}</label>
                                                <input type="text"
                                                    class="form-control @error('email') is-invalid @enderror"
                                                    id="email" name="email" placeholder="Title"
                                                    value="{{ $data['info']->email }}">
                                                @error('email')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                            <div class="mb-3 col-md-12">
                                                <label for="address"
                                                    class="form-label">{{ trans('admin.address') }}</label>
                                                <textarea type="text" class="form-control @error('address') is-invalid @enderror" id="address" name="address"
                                                    placeholder="address">{!! $data['info']->address !!}</textarea>
                                                @error('address')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                            <div class="mb-3 col-md-6">
                                                <label for="contact"
                                                    class="form-label">{{ trans('admin.contact') }}</label>
                                                <input type="number"
                                                    class="form-control @error('contact') is-invalid @enderror"
                                                    id="contact" name="contact" placeholder="contact"
                                                    value="{{ $data['info']->contact }}">
                                                @error('contact')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                            <div class="mb-3 col-md-6">
                                                <label for="location"
                                                    class="form-label">{{ trans('admin.location') }}</label>
                                                <input type="text"
                                                    class="form-control @error('location') is-invalid @enderror"
                                                    id="location" name="location" placeholder="72.7657, 43.6543"
                                                    value="{{ $data['info']->location }}">
                                                @error('location')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                            <div class="mb-3 col-md-12">
                                                <label for="keywords"
                                                    class="form-label">{{ trans('admin.keywords') }}</label>
                                                <textarea class="form-control @error('keywords') is-invalid @enderror" id="keywords" name="keywords"
                                                    rows="3">{{ $data['info']->keywords[$data['lang']] ?? '' }}</textarea>
                                                @error('keywords')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                            <div class="mb-3 col-md-12">
                                                <label for="site_description_en"
                                                    class="form-label">{{ trans('admin.enter_description') }}</label>
                                                <textarea class="form-control @error('site_description_en') is-invalid @enderror" id="site_description_en"
                                                    name="site_description_en" rows="3">{{ $data['info']->description[$data['lang']] ?? '' }}</textarea>
                                                @error('site_description_en')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                            <div class='d-grid col-sm-6 my-4'>
                                                <button type="submit"
                                                    class="btn btn-success btn-block bt btn-sm">{{ trans('admin.save') }}</button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-3 text-center">
                                        <input type="hidden" name="id" id="id"
                                            value="{{ $data['info']->id }}">
                                        <div class="mt-1">
                                            <div class="container mt-lg-2 pt-3 ">
                                                <label class="upload-btn-wrapper bg-light_c" for="photo">
                                                    <img src="{{ asset($data['info']->photo) }}" class="img-fluid"
                                                        alt="" id="output">
                                                    <span class=" p-1 text-start"><i
                                                            class="bi bi-camera pe-1"></i>{{ trans('admin.click_here') }}</span>
                                                </label>
                                                <input type="file" name="photo" id="photo"
                                                    class="d-none  bg-light_c"
                                                    onchange="document.getElementById('output').src = window.URL.createObjectURL(this.files[0])" />
                                            </div>
                                        </div>
                                        <span class='text-center '>{{ trans('admin.upload_logo') }}</span> <br>

                                        <div class="mt-3">
                                            <div class="container mt-lg-2 pt-3 ">
                                                <label class="upload-btn-wrapper bg-light_c" for="favicon">
                                                    <img src="{{ asset($data['info']->favicon) }}" class="img-fluid"
                                                        alt="" id="output2">
                                                    <span class=" p-1 text-start"><i
                                                            class="bi bi-camera pe-1"></i>{{ trans('admin.click_here') }}</span>
                                                </label>
                                                <input type="file" name="favicon" id="favicon"
                                                    class="d-none  bg-light_c"
                                                    onchange="document.getElementById('output2').src = window.URL.createObjectURL(this.files[0])" />
                                            </div>
                                        </div>
                                        <span class='text-center '>{{ trans('admin.upload_favicon') }}</span>

                                        <div class="mt-3">
                                            <iframe
                                                src="https://maps.google.com/maps?q={!! $data['info']->location ?? $data['info']->address !!}&z=15&output=embed"></iframe>
                                            <iframe
                                            src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d113874.29338087817!2d75.72051791246247!3d26.885346595411875!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x396c4adf4c57e281%3A0xce1c63a0cf22e09!2sJaipur%2C%20Rajasthan!5e0!3m2!1sen!2sin!4v1658129308806!5m2!1sen!2sin"></iframe>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div> --}}

                        {{-- locales settings tab --}}
                        <div class="tab-pane fade show active" id="locale" role="tabpanel" aria-labelledby="locale_tab">
                            <form action="{{ route('setting_save') }}" method="POST" enctype="multipart/form-data">
                                @csrf
                                <div class='bg-light rounded mb-3'>
                                    <div class="nav-scroller row p-1">
                                        <nav class="nav col-md-6">
                                            <li class="nav-item d-flex align-items-center">
                                                <b class='text-decoration-none theme_text_color fs-5'>
                                                    {{ trans('admin.Locale Setting') }}
                                                </b>
                                            </li>
                                        </nav>
                                        <nav class="nav col-md-6 d-flex justify-content-end">
                                            <li>
                                                <button type="submit"
                                                    class="btn btn-success">{{ trans('admin.save') }}</button>
                                            </li>
                                        </nav>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6 my-3">
                                        <label for="lang" class="label_c mb-2 ">{{ __('admin.language') }}</label>
                                        <select class="form-select form-select-sm" name="lang" id="lang">
                                            @foreach ($data['lang_list'] as $item)
                                                <option value="{{ $item->abbr }}"
                                                    @if ($data['settings']->default_locale == $item->abbr) selected @endif>
                                                    {{ $item->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('lang')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>

                                    <div class="col-md-6 my-3">
                                        <label for="timezone" class="label_c mb-2 ">{{ __('admin.Timezone') }}</label>
                                        <select class="form-select form-select-sm" name="timezone" id="timezone">
                                            {!! timezones() !!}
                                        </select>
                                        @error('timezone')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>

                                    <div class="col-md-6 my-3">
                                        <label for="date_format"
                                            class="label_c mb-2 ">{{ __('admin.Date format') }}</label>
                                        <select class="form-select form-select-sm" name="date_format" id="date_format">
                                            <option value="Y-m-d"
                                                {{ env('DATE_FORMAT', 'Y-m-d') == 'Y-m-d' ? 'selected' : '' }}>
                                                Y-m-d
                                            </option>
                                            <option value="d-m-Y"
                                                {{ env('DATE_FORMAT', 'Y-m-d') == 'd-m-Y' ? 'selected' : '' }}>
                                                d-m-Y
                                            </option>
                                            <option value="m-d-Y"
                                                {{ env('DATE_FORMAT', 'Y-m-d') == 'm-d-Y' ? 'selected' : '' }}>
                                                m-d-Y
                                            </option>
                                            <option value="d/m/Y"
                                                {{ env('DATE_FORMAT', 'Y-m-d') == 'd/m/Y' ? 'selected' : '' }}>
                                                d/m/Y
                                            </option>
                                            <option value="m/d/Y"
                                                {{ env('DATE_FORMAT', 'Y-m-d') == 'm/d/Y' ? 'selected' : '' }}>
                                                m/d/Y
                                            </option>
                                            <option value="d.m.Y"
                                                {{ env('DATE_FORMAT', 'Y-m-d') == 'd.m.Y' ? 'selected' : '' }}>
                                                d.m.Y
                                            </option>
                                            <option value="m.d.Y"
                                                {{ env('DATE_FORMAT', 'Y-m-d') == 'm.d.Y' ? 'selected' : '' }}>
                                                m.d.Y
                                            </option>
                                        </select>
                                        @error('date_format')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>

                                    <div class="col-md-6 my-3">
                                        <label for="first_day_of_week"
                                            class="label_c mb-2 ">{{ __('admin.First day of week') }}</label>
                                        <select class="form-select form-select-sm" name="first_day_of_week"
                                            id="first_day_of_week">
                                            @foreach (daysNames() as $key => $dayName)
                                                <option value="{{ $key }}"
                                                    {{ env('FIRST_DAY_OF_WEEK', 0) == $key ? 'selected' : '' }}>
                                                    {{ $dayName }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('first_day_of_week')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                            </form>
                        </div>

                        {{-- App settings tab --}}
                        <div class="tab-pane fade" id="app_settings" role="tabpanel"
                            aria-labelledby="app_settings_tab">
                            <form action="{{ route('setting_save') }}" method="POST" enctype="multipart/form-data">
                                @csrf
                                <div class='bg-light rounded mb-3'>
                                    <div class="nav-scroller row p-1">
                                        <nav class="nav col-md-6">
                                            <li class="nav-item d-flex align-items-center">
                                                <b class='text-decoration-none theme_text_color fs-5'>
                                                    {{ trans('admin.App Settings') }}
                                                </b>
                                            </li>
                                        </nav>
                                        <nav class="nav col-md-6 d-flex justify-content-end">
                                            <li>
                                                <button type="submit"
                                                    class="btn btn-success">{{ trans('admin.save') }}</button>
                                            </li>
                                        </nav>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <label for="app_name" class="label_c mb-2 ">{{ trans('admin.App name') }}</label>
                                        <input class="form-control form-control-sm" name="app_name" id="app_name" value="{!! $data['settings']['app_setting']['app_name'] ?? '' !!}">
                                        @error('app_name')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>

                                    <div class="col-md-12 mt-3">
                                        <label for="personal_expense_type" class="label_c mb-2 ">{{ trans('admin.Expense type for Personal Account') }}</label>
                                        <select class="form-select form-select-sm" name="personal_expense_type" id="personal_expense_type">
                                            @foreach ($data['expense_types'] as $item)
                                            <option value="{{$item->id}}" @if (isset($data['settings']['app_setting']['personal_expense_type']) && $data['settings']['app_setting']['personal_expense_type'] == $item->id) selected @endif>
                                                @if (app()->getLocale() == "en")
                                                {{$item->expense_name}}
                                                @else
                                                {{$item->expense_name_ar}}
                                                @endif
                                            </option>
                                            @endforeach                                            
                                        </select>
                                        @error('personal_expense_type')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                            </form>
                        </div>

                        {{-- Website Status tab --}}
                        <div class="tab-pane fade" id="website_status" role="tabpanel"
                            aria-labelledby="website_status_tab">
                            <form action="{{ route('setting_save') }}" method="POST" enctype="multipart/form-data">
                                @csrf
                                <div class='bg-light rounded mb-3'>
                                    <div class="nav-scroller row p-1">
                                        <nav class="nav col-md-6">
                                            <li class="nav-item d-flex align-items-center">
                                                <b class='text-decoration-none theme_text_color fs-5'>
                                                    {{ trans('admin.Website Status') }}
                                                </b>
                                            </li>
                                        </nav>
                                        <nav class="nav col-md-6 d-flex justify-content-end">
                                            <li>
                                                <button type="submit"
                                                    class="btn btn-success">{{ trans('admin.save') }}</button>
                                            </li>
                                        </nav>
                                    </div>
                                </div>
                                <div class="row justify-content-center">
                                    <div class="col-md-6">
                                        <label for="site_status"
                                            class="label_c mb-2 ">{{ trans('admin.Website Status') }}</label>
                                        <select class="form-select form-select-sm" name="site_status" id="site_status">
                                            <option value="1" @if ($data['settings']->site_status == 1) selected @endif>
                                                {{ trans('admin.active') }}</option>
                                            <option value="0" @if ($data['settings']->site_status == 0) selected @endif>
                                                {{ trans('admin.inactive') }}</option>
                                        </select>
                                        @error('lang')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {{-- tab pills ends --}}
    </div>
    <script>
        $(document).ready(function() {
            $('.lang').on('change', function() {
                var lang = $(this).val();
                if (lang !== "") {
                    window.location.href = "{{ url('/settings/') }}/" + lang;
                }
            });
        });
    </script>
@endsection