@extends('layouts.main_admin')

@section('content')

    <div class="page-body">
        <div class="container-fluid">
            <div class="page-title">
                <div class="row">
                    <div class="col-6">
                        <h3>
                            @lang('site.settings')
                            @endlang
                        </h3>
                    </div>
                    <div class="col-6">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                        stroke-linejoin="round" class="feather feather-home">
                                        <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
                                        <polyline points="9 22 9 12 15 12 15 22"></polyline>
                                    </svg>
                                </a></li>
                            <li class="breadcrumb-item">@lang('site.dashboard')</li>
                            <li class="breadcrumb-item active">@lang('site.settings')</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <!-- Container-fluid starts-->
        <div class="container-fluid">

            <form action="{{ route('dashboard.settings.update', 1) }}" method="post" enctype="multipart/form-data">

                {{ csrf_field() }}
                {{ method_field('put') }}

                <div class="bg-secondary-lighten card-header d-flex justify-content-between">
                    <h5>@lang('site.add') </h5>
                    <div class="text-end  group-btn-top">
                        <div class="form-group d-flex form-group justify-content-between">
                            <button type="button" class="btn btn-pill btn-outline-primary btn-air-primary"
                                onclick="history.back();">

                                @lang('site.back')
                            </button>
                            <button type="submit" class="btn btn-success me-3"><i class="fa fa-edit p-1"></i>
                                @lang('site.edit')</button>
                        </div>
                    </div>


                </div>

                <div class="email-wrap bookmark-wrap">
                    <div class="row">
                        <div class="col-xl-3 box-col-6">
                            <div class="email-left-aside">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="email-app-sidebar left-bookmark task-sidebar">
                                            <div class="media">
                                                <div class="media-body">
                                                    <h6 class="f-w-600">@lang('site.settings') </h6>
                                                </div>
                                            </div>

                                            <hr>

                                            <ul class="nav main-menu" role="tablist">

                                                <li><a id="pills-created-tab" data-bs-toggle="pill" href="#pills-created"
                                                        role="tab" aria-controls="pills-created"
                                                        aria-selected="true"><span
                                                            class=" title btn btn-light">@lang('site.setting')</span></a></li>
                                                <li><a class="show" id="pills-todaytask-tab" data-bs-toggle="pill"
                                                        href="#pills-todaytask" role="tab"
                                                        aria-controls="pills-todaytask" aria-selected="false"><span
                                                            class=" title btn btn-light"> @lang('site.attach_link')</span></a></li>

                                                <li><a class="show" id="pills-todaytask-tab2" data-bs-toggle="pill"
                                                        href="#pills-todaytask2" role="tab"
                                                        aria-controls="pills-todaytask2" aria-selected="false"><span
                                                            class=" title btn btn-light"> @lang('site.home_footers')</span></a></li>
                                                <li><a class="show" id="pills-todaytask-tab3" data-bs-toggle="pill"
                                                        href="#pills-todaytask3" role="tab"
                                                        aria-controls="pills-todaytask3" aria-selected="false"><span
                                                            class=" title btn btn-light"> @lang('site.home_serviecs')</span></a></li>
                                                <li><a class="show" id="pills-todaytask-tab3" data-bs-toggle="pill"
                                                        href="#pills-todaytask4" role="tab"
                                                        aria-controls="pills-todaytask4" aria-selected="false"><span
                                                            class=" title btn btn-light"> @lang('site.ads_status')</span></a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-9 col-md-12 box-col-12">
                            <div class="email-right-aside bookmark-tabcontent">
                                <div class="card email-body radius-left">
                                    <div class="ps-0">
                                        <div class="tab-content">
                                            <div class="tab-pane fade active show" id="pills-created" role="tabpanel"
                                                aria-labelledby="pills-created-tab">

                                                <div class="card mb-0">

                                                    <div class="card-body">
                                                        <div class="card-header d-flex">
                                                            <h5 class="mb-0"> @lang('site.setting')</h5>
                                                        </div>


                                                        <div class="row form-group">

                                                            <div class="col-sm-12">


                                                                <label>@lang('site.logo')</label>
                                                                <img src="{{ asset('images/settings/' . $setting->logo ?? '') }}"
                                                                    data-bs-toggle="modal"
                                                                    data-bs-target="#exampleModalss" width="100px"
                                                                    height="100px" class="d-block"
                                                                    onerror="this.src='{{ asset('images/settings/default.jpg') }}'">


                                                            </div>
                                                        </div>

                                                        <!-- Modal -->
                                                        <div class="modal fade" id="exampleModalss" tabindex="-1"
                                                            aria-labelledby="exampleModalLabel" aria-hidden="true">
                                                            <div class="modal-dialog">
                                                                <div class="modal-content">
                                                                    <div class="modal-header">
                                                                        <h5 class="modal-title" id="exampleModalLabel">
                                                                            @lang('site.logo')</h5>
                                                                        <button type="button" class="btn-close"
                                                                            data-bs-dismiss="modal"
                                                                            aria-label="Close"></button>
                                                                    </div>
                                                                    <div class="modal-body">
                                                                        <table class="border-5">
                                                                            <tr>
                                                                                <th>
                                                                                    <img name="soso"
                                                                                        src="{{ asset('images/settings/' . $setting->logo ?? '') }}"
                                                                                        alt="" width="400px"
                                                                                        height="aut0"
                                                                                        onerror="this.src='{{ asset('images/settings/default.jpg') }}'">

                                                                                </th>
                                                                            </tr>


                                                                        </table>


                                                                    </div>
                                                                    <div class="modal-footer">
                                                                        <button type="button" class="btn btn-secondary"
                                                                            data-bs-dismiss="modal">@lang('site.Cancel')</button>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <!--  End Of Modal -->
                                                        <div class="card-body p-0">
                                                            <div class="taskadd">


                                                                <div class="row">
                                                                    <!--<div class="col-md-6">-->


                                                                    <div class="col-md-9">
                                                                        <label>@lang('site.terms_conditions')</label>
                                                                        <textarea class="form-control" id="editor1" cols="15" rows="5" name="terms_conditions">

                                                                    {{ $setting->terms_conditions ?? '' }}

                                        </textarea>
                                                                    </div>


                                                                </div>
                                                                <div class="row">
                                                                    <!--<div class="col-md-6">-->


                                                                    <div class="col-md-9">
                                                                        <label>@lang('site.website_address')</label>

                                                                        <input type="text" name="website_address"
                                                                            class="form-control"
                                                                            value="{{ $setting->website_address ?? '' }}">

                                                                    </div>

                                                                    <div class="col-md-9">
                                                                        <label>@lang('site.email')</label>

                                                                        <input type="text" name="email"
                                                                            class="form-control"
                                                                            value="{{ $setting->email ?? '' }}">

                                                                    </div>

                                                                    <div class="col-md-9">
                                                                        <label>@lang('site.website_link')</label>

                                                                        <input type="text" name="website_link"
                                                                            class="form-control"
                                                                            value="{{ $setting->website_link ?? '' }}">

                                                                    </div>

                                                                    <div class="col-md-9">
                                                                        <label>@lang('site.closing_message')</label>
                                                                        <textarea class="form-control" rows="5" name="closing_message">
                                                                    {{ $setting->closing_message ?? '' }}

                                        </textarea>
                                                                    </div>

                                                                    <div class="col-md-9">
                                                                        <label>@lang('site.description')</label>
                                                                        <textarea class="form-control" id="editor1" cols="15" rows="5" name="description">

                                                                           {{ $setting->description ?? '' }}

                                        </textarea>
                                                                    </div>


                                                                    <div class="col-md-9">
                                                                        <label>@lang('site.key_words')</label>

                                                                        <input type="text" name="key_words"
                                                                            class="form-control"
                                                                            value="{{ $setting->key_words ?? '' }}">

                                                                    </div>

                                                                    <div class="col-md-9">
                                                                        <label>@lang('site.time_difference')</label>

                                                                        <input type="time" name="time_difference"
                                                                            class="form-control"
                                                                            value="{{ $setting->time_difference ?? '' }}">

                                                                    </div>

                                                                    <div class="col-md-9">
                                                                        <label>@lang('site.activate')</label>

                                                                        <select class="form-control btn-square"
                                                                            name="activate">
                                                                            <option disabled selected>@lang('site.select')
                                                                            </option>

                                                                            <option value="active"
                                                                                @if ($setting->activate == 'active') selected @endif>
                                                                                @lang('site.active')</option>
                                                                            <option value="not-active"
                                                                                @if ($setting->activate == 'not-active') selected @endif>
                                                                                @lang('site.not-active')</option>


                                                                        </select>


                                                                    </div>

                                                                    <div class="col-md-9">
                                                                        <label>@lang('site.ios_version')</label>

                                                                        <input type="text" name="ios_version"
                                                                            class="form-control"
                                                                            value="{{ $setting->ios_version ?? '' }}">

                                                                    </div>

                                                                    <div class="col-md-9">
                                                                        <label>@lang('site.android_version')</label>

                                                                        <input type="text" name="android_version"
                                                                            class="form-control"
                                                                            value="{{ $setting->android_version ?? '' }}">

                                                                    </div>

                                                                    <div class="col-md-9">
                                                                        <label>@lang('site.logo')</label>

                                                                        <input type="file" name="logo"
                                                                            class="form-control">

                                                                        {{--                                                                        <form class="dropzone" id="singleFileUpload" action="/upload.php"> --}}
                                                                        {{--                                                                            <div class="dz-message needsclick"><i class="icon-cloud-up"></i> --}}
                                                                        {{--                                                                                <h6>Drop files here or click to upload.</h6><span class="note needsclick">(This is just a demo dropzone. Selected files are <strong>not</strong> actually uploaded.)</span> --}}
                                                                        {{--                                                                            </div> --}}
                                                                        {{--                                                                        </form> --}}
                                                                    </div>

                                                                    {{--                                                                    <div class="row"> --}}
                                                                    {{--                                                                        <div class="col"> --}}
                                                                    {{--                                                                            <div class="mb-3"> --}}
                                                                    {{--                                                                                <label>Upload project file</label> --}}
                                                                    {{--                                                                                <form class="dropzone" id="singleFileUpload" action="/upload.php"> --}}
                                                                    {{--                                                                                    <div class="dz-message needsclick"><i class="icon-cloud-up"></i> --}}
                                                                    {{--                                                                                        <h6>Drop files here or click to upload.</h6><span class="note needsclick">(This is just a demo dropzone. Selected files are <strong>not</strong> actually uploaded.)</span> --}}
                                                                    {{--                                                                                    </div> --}}
                                                                    {{--                                                                                </form> --}}
                                                                    {{--                                                                            </div> --}}
                                                                    {{--                                                                        </div> --}}
                                                                    {{--                                                                    </div> --}}

                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="fade tab-pane" id="pills-todaytask" role="tabpanel"
                                                aria-labelledby="pills-todaytask-tab">
                                                <div class="card mb-0">

                                                    <div class="card-body">


                                                        <div class="row">


                                                            <div class="col-md-9">
                                                                <label>@lang('site.twitter')</label>

                                                                <input type="text" name="twitter" class="form-control"
                                                                    value="{{ $setting->twitter ?? '' }}">

                                                            </div>
                                                        </div>

                                                        <div class="row">


                                                            <div class="col-md-9">
                                                                <label>@lang('site.facebook')</label>

                                                                <input type="text" name="facebook"
                                                                    class="form-control"
                                                                    value="{{ $setting->facebook ?? '' }}">

                                                            </div>
                                                        </div>


                                                        <div class="row">


                                                            <div class="col-md-9">
                                                                <label>@lang('site.instagram')</label>

                                                                <input type="text" name="instagram"
                                                                    class="form-control"
                                                                    value="{{ $setting->instagram ?? '' }}">

                                                            </div>
                                                        </div>


                                                        <div class="row">


                                                            <div class="col-md-9">
                                                                <label>@lang('site.youtube')</label>

                                                                <input type="text" name="youtube" class="form-control"
                                                                    value="{{ $setting->youtube ?? '' }}">

                                                            </div>
                                                        </div>


                                                        <div class="row">


                                                            <div class="col-md-9">
                                                                <label>@lang('site.snapchat')</label>

                                                                <input type="text" name="snapchat"
                                                                    class="form-control"
                                                                    value="{{ $setting->snapchat ?? '' }}">

                                                            </div>
                                                        </div>

                                                        <div class="row">


                                                            <div class="col-md-9">
                                                                <label>@lang('site.play_store')</label>

                                                                <input type="text" name="play_store"
                                                                    class="form-control"
                                                                    value="{{ $setting->play_store ?? '' }}">

                                                            </div>
                                                        </div>
                                                        <div class="row">


                                                            <div class="col-md-9">
                                                                <label>@lang('site.google_play')</label>

                                                                <input type="text" name="google_play"
                                                                    class="form-control"
                                                                    value="{{ $setting->google_play ?? '' }}">

                                                            </div>
                                                        </div>

                                                    </div>
                                                </div>
                                            </div>

                                            <div class="fade tab-pane" id="pills-todaytask2" role="tabpanel"
                                                aria-labelledby="pills-todaytask2-tab">
                                                <div class="card mb-0">

                                                    <div class="card-body">

                                                        <div class="row">

                                                            <div class="col-md-6 form-group col-12 p-2 ">
                                                                <label>@lang('site.phone_one')</label>
                                                                <input type="text" name="phone_one"
                                                                    class="form-control"
                                                                    value="{{ $setting->phone_one }}">
                                                            </div>

                                                            <div class="col-md-6 form-group col-12 p-2 ">
                                                                <label>@lang('site.phone_two')</label>
                                                                <input type="text" name="phone_two"
                                                                    class="form-control"
                                                                    value="{{ $setting->phone_two }}">
                                                            </div>
                                                        </div>

                                                        <div class="row">
                                                            <div class="col-md-6 form-group col-12 p-2 ">
                                                                <label>@lang('site.availability_time_from')</label>
                                                                <input type="time" name="availability_time_from"
                                                                    class="form-control"
                                                                    value="{{ $setting->availability_time_from }}">
                                                            </div>

                                                            <div class="col-md-6 form-group col-12 p-2 ">
                                                                <label>@lang('site.availability_time_to')</label>
                                                                <input type="time" name="availability_time_to"
                                                                    class="form-control"
                                                                    value="{{ $setting->availability_time_to }}">
                                                            </div>
                                                        </div>


                                                    </div>
                                                </div>
                                            </div>
                                            <!-- ////////////////////////////////////////////////////////////////////////////////////////////////////////////// -->

                                            <div class="fade tab-pane" id="pills-todaytask3"
                                                role="tabpanel"aria-labelledby="pills-todaytask3-tab">
                                                @foreach ($home_serviecs2 as $service)
                                                    <div class="col-md-12 form-group col-12   desc">
                                                        <table>
                                                            <tr>
                                                                <td>
                                                                    <div class="card mb-0">
                                                                        <div class="card-body">
                                                                            <div class="row">
                                                                                <input type="hidden"
                                                                                    value="{{ $service->id ?? '' }}"
                                                                                    name="s_id[]" class="form-control" />
                                                                                <div class="col-md-5 form-group col-12">
                                                                                    <label>@lang('site.name_ar')</label>
                                                                                    <input type="text"
                                                                                        value="{{ $service->title_ar ?? '' }}"
                                                                                        name="sub_name_ar[]"
                                                                                        class="form-control" />
                                                                                </div>
                                                                                <div class="col-md-5 form-group col-12">
                                                                                    <label>@lang('site.name_en')</label>
                                                                                    <input
                                                                                        type="text"value="{{ $service->title_en ?? '' }}"
                                                                                        name="sub_name_en[]"
                                                                                        class="form-control">
                                                                                </div>
                                                                                <div class="col-md-5 form-group col-12">
                                                                                    <label>@lang('site.description_ar')</label>
                                                                                    <input type="text"
                                                                                        value="{{ $service->description_ar ?? '' }}"
                                                                                        name="sub_description_ar[]"
                                                                                        class="form-control" />
                                                                                </div>
                                                                                <div class="col-md-5 form-group col-12">
                                                                                    <label>@lang('site.description_en')</label>
                                                                                    <input type="text"
                                                                                        value="{{ $service->description_en ?? '' }}"
                                                                                        name="sub_description_en[]"
                                                                                        class="form-control">
                                                                                </div>
                                                                                <div class="col-md-5 form-group col-12">
                                                                                    <label>@lang('site.image')</label>
                                                                                    <input type="file" name="image[]"
                                                                                        class="form-control"
                                                                                        value="{{ $service->image ?? '' }}">
                                                                                </div>
                                                                                <div
                                                                                    class="col-md-3 form-group col-12 p-2">
                                                                                    <img src="{{ asset('images/home_serviecs/' . $service->image) }}"
                                                                                        width="100px" height="100px">
                                                                                    <a type="button"
                                                                                        href="{{ route('dashboard.DeleteHomeServices', $service->id) }}"
                                                                                        class="btn btn-air-primary btn-pill btn-danger"><i
                                                                                            class="fa fa-trash"></i></a>

                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </div>
                                                @endforeach
                                                <div class="col-md-12 form-group col-12   desc" id="price2">
                                                    <table class="price-list" id="tb_price">
                                                        <tr>
                                                            <td>
                                                                <div class="row">
                                                                    <div class="col-md-3 form-group col-12">
                                                                        <a
                                                                            class="btn btn-air-primary btn-pill btn-success add-price w-100 m-t-30"><i
                                                                                class="fa fa-plus"
                                                                                aria-hidden="true"></i></a>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </div>
                                                <br>
                                            </div>
                                            <div class="fade tab-pane" id="pills-todaytask4" role="tabpanel"
                                                aria-labelledby="pills-todaytask4-tab">
                                                <div class="container-fluid">
                                                    <div class="row">
                                                        <div class="col-sm-12">
                                                            <div class="card">
                                                                <div class="card-header">
                                                                    <h5 class="mb-3">
                                                                        @lang('site.ads_status')({{ $count }})</h5>
                                                                </div>
                                                                <div
                                                                    class="bg-secondary-lighten card-header d-flex justify-content-between">
                                                                    <h5>@lang('site.add')</h5>
                                                                    <div class="text-end group-btn-top">
                                                                        <div
                                                                            class="form-group d-flex justify-content-between">
                                                                            <a href="{{ route('dashboard.ads_status.create') }}"
                                                                                class="btn btn-air-primary btn-pill btn-primary">
                                                                                <i class="fa fa-plus p-1"></i>
                                                                                @lang('site.add')
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="card-body">
                                                                    <div class="table-responsive">
                                                                        <table class="table table-striped">
                                                                            <thead>
                                                                                <tr>
                                                                                    <th>@lang('site.status_en')</th>
                                                                                    <th>@lang('site.status_ar')</th>
                                                                                    <th>@lang('site.actions')</th>
                                                                                </tr>
                                                                            </thead>
                                                                            <tbody>
                                                                                @foreach ($Ads as $Ad)
                                                                                    <tr>
                                                                                        <td>{{ $Ad->status_en }}</td>
                                                                                        <td>{{ $Ad->status_ar }}</td>
                                                                                        <td
                                                                                            class="d-flex align-items-center">
                                                                                            <div class="btn-group"
                                                                                                role="group">
                                                                                                <a href="{{ url('dashboard/ads_status/' . $Ad->id . '/edit') }}"
                                                                                                    class="btn-sm">
                                                                                                    <i
                                                                                                        class="fa fa-edit"></i>
                                                                                                    
                                                                                                </a>
                                                                                                <a href="{{ url('dashboard/ads_status/' . $Ad->id) }}"
                                                                                                    class="btn-sm">
                                                                                                    <i
                                                                                                        class="fa fa-eye"></i>
                                                                                                    
                                                                                                </a>
                                                                                                {{-- <form
                                                                                                    action="{{ route('dashboard.ads_status.delete') }}"
                                                                                                    method="post"
                                                                                                    style="display: inline-block;">
                                                                                                    @csrf
                                                                                                    <input type="hidden"
                                                                                                        name="id"
                                                                                                        id="id"
                                                                                                        value="{{ $Ad->id }}">
                                                                                                    <button type="submit"
                                                                                                        class="btn-sm"
                                                                                                        onclick="confirmDelete({{ $Ad->id }})">
                                                                                                        <i
                                                                                                            class="fa fa-trash"></i>
                                                                                                        Delete
                                                                                                    </button>
                                                                                                </form> --}}
                                                                                            </div>
                                                                                        </td>
                                                                                    </tr>
                                                                                @endforeach
                                                                            </tbody>
                                                                        </table>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>


                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </form>
        </div>
        <!-- Container-fluid Ends-->
    </div>

@endsection
@section('scripts')
    <script>
        $(document).ready(function() {
            jQuery('a.add-price').click(function(event) {
                event.preventDefault();
                var newRow = jQuery(
                    '<tr><td><div class="row"><div class="col-md-5 form-group col-12 p-2">' +
                    '<label>@lang('site.name_ar')</label><input type="text"  name="sub_name_ar[]" class="form-control"/></div><div class="col-md-5 form-group col-12 p-2">' +
                    '<label>@lang('site.name_en')</label><input type="text" name="sub_name_en[]" class="form-control" ></div><div class="col-md-5 form-group col-12 p-2">' +
                    ' <label>@lang('site.description_ar')</label><input type="text"  name="sub_description_ar[]" class="form-control"/></div><div class="col-md-5 form-group col-12 p-2">' +
                    '<label>@lang('site.description_en')</label><input type="text" name="sub_description_en[]" class="form-control" ></div><div class="col-md-5 form-group col-12 p-2">' +
                    '<label>@lang('site.image')</label><input type="file" name="image[]" class="form-control" ></div><div class="col-md-3 form-group col-12 ">' +
                    '  </div>  <div class="col-md-2 form-group col-12 p-2 "> <a class="btn btn-air-primary btn-pill btn-danger add-price w-100 m-t-30" onclick="deletetr(this)" ><i class="fa fa-trash"></i></a>' +
                    '</div></div> </td>  </tr>');
                jQuery('.price-list').append(newRow);
            });

            $("input[name='price']").click(function() {
                var test = $(this).val();

                $("div.desc").hide();
                $("#price" + test).show();
            });
        });

        function deletetr(r) {
            // x--;
            r.closest('tr').remove();
        }

        function confirmDelete($id) {
            console.log("Tapped Delete button")
            var that = document.getElementById("deleteForm" + $id);

            Swal.fire({
                title: "@lang('site.confirm_delete')",
                text: "@lang('site.confirm_sure')",
                /*               icon: "warning",
                 */
                width: 600,
                padding: "3em",
                color: "#716add",
                showCancelButton: true,
                confirmButtonColor: "#3085d6",
                cancelButtonColor: "#d33",
                confirmButtonText: "@lang('site.yes')",
                cancelButtonText: "@lang('site.no')"

            }).then((result) => {
                if (result.isConfirmed) {
                    that.submit();
                }
            });

        }
        $(document).ready(function() {

            $("#deleteForm").on('click', "#delete", function(e) {

                console.log("Tapped Delete button")
                var that = $(this)
                e.preventDefault();
                var n = new Noty({
                    text: "@lang('site.confirm_delete')",
                    type: "error",
                    killer: true,
                    buttons: [
                        Noty.button("@lang('site.yes')", 'btn btn-success mr-2', function() {
                            that.closest('form').submit();
                        }),
                        Noty.button("@lang('site.no')", 'btn btn-primary mr-2', function() {
                            n.close();
                        })
                    ]
                });
                n.show();

            });


        });
    </script>
@endsection