@extends('layouts.admin.app')
@section('page-title')
    {{ __('Dashboard') }}
@endSection
@section('page-nav-title')
    <div class="app-title">
        <div>
            <h1><i class="fa fa-dashboard"></i>{{ __('Settings') }}</h1>
            <p>{{ __('Settings') }}</p>
        </div>
        <ul class="app-breadcrumb breadcrumb">
            <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
            <li class="breadcrumb-item"><a href="#">{{ __('Dashboard') }}</a></li>
            <li class="breadcrumb-item"><a href="#">{{ __('Settings') }}</a></li>
        </ul>
    </div>
@endsection
@section('css-links')
    <link rel="stylesheet" href="{{ asset('assets/css/' . app()->getLocale() . '/pages/settings.css') }}">
@endsection

@section('content')
    @include('includes.dialog')

    <div class="row">
        <div class="col-md-12">
            <div class="tile">
                <div class="tile-body">
                    <form action="{{ route('admin.settings.save') }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <h3 class="text-center"><span class="d-inline-block border-bottom pb-2 pl-3 pr-3">{{ __('General Settings') }}</span>
                        </h3>

                        <div class="row settings-group">
                            <div class="col-lg-3 settings-section">
                                <h3 class="text-center"><span class="d-inline-block border-bottom pb-2 pl-3 pr-3">{{ __('Payment Methods') }}</span>
                                </h3>
                                <div class="row mt-5">
                                    @foreach ($paymentMethods as $method)
                                        <div class="col-lg-4 text-center">
                                            <div class="form-group payment-method-box">
                                                <div class="upload-payment-method-icon">
                                                    <button class=" form-control button-upload-file">
                                                        <input class="input-file show-uploaded" data-upload-type="single" data-imgs-container-class="uploaded-images" type="file" name="payment-method-photo-{{ $method->id }}">
                                                        <span class="upload-file-content">
                                                            <i class="fas fa-upload fa-lg upload-file-content-icon left"></i>
                                                        </span>
                                                    </button>
                                                </div>
                                                <div>
                                                    <img src="{{ $method->getFirstMediaFile() ? $method->getFirstMediaFile()->url : '' }}" alt="">
                                                </div>

                                                <label for="" class="text-size-16 font-weight-bold d-inline-block mb-3">{{ $method->name }}</label>
                                                <input type="hidden" name="payment_methods[]" value="{{ $method->id }}">
                                                <div class="toggle-flip">
                                                    <label>
                                                        <input type="checkbox" class="checked-action" name="payment-method-{{ $method->id }}" {{ checked('active', 1, $method) }} /><span class="flip-indecator" data-toggle-on="{{ __('ON') }}" data-toggle-off="{{ __('OFF') }}"></span>
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>

                            <div class="col-lg-3 settings-section">
                                <h3 class="text-center"><span class="d-inline-block border-bottom pb-2 pl-3 pr-3">{{ __('delivery-methods') }}</span>
                                </h3>
                                <div class="row mt-5">
                                    @foreach ($deliveryMethods as $deliveryMethod)
                                        <div class="col-lg-4 text-center">
                                            <div class="form-group delivery-method-box">
                                                <label for="" class="text-size-16 font-weight-bold d-inline-block mb-3">{{ $deliveryMethod->name }}</label>
                                                <input type="hidden" name="delivery_methods[]" value="{{ $deliveryMethod->id }}">
                                                <div class="toggle-flip">
                                                    <label>
                                                        <input type="checkbox" class="checked-action" name="delivery-method-{{ $deliveryMethod->id }}" {{ checked('active', 1, $deliveryMethod) }} /><span class="flip-indecator" data-toggle-on="{{ __('ON') }}" data-toggle-off="{{ __('OFF') }}"></span>
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>


                            <div class="col-lg-3 settings-section ">
                                <div class="col-12 pt-3">
                                    <div class="form-group">
                                        <label for="">{{ __('Android Url') }}</label>
                                        <div>
                                            <div class="toggle-flip">
                                                <label>
                                                    <input type="text" name="android_url" class="form-control" value="{{ $platForm->android_url }}" />
                                                </label>
                                            </div>
                                        </div>
                                        <label for="">{{ __('IOS Url') }}</label>
                                        <div>
                                            <div class="toggle-flip">
                                                <label>
                                                    <input type="text" name="ios_url" class="form-control" value="{{ $platForm->ios_url }}" />
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 settings-section ">
                                <div class="col-12 pt-3">
                                    <div class="form-group">
                                        <label for="">{{ __('Whatsapp') }}</label>
                                        <div>
                                            <div class="toggle-flip">
                                                <label>
                                                    <input type="text" name="whatsapp" class="form-control" value="{{ $general->whatsapp }}" />
                                                </label>
                                            </div>
                                        </div>
                                        <label for="">{{ __('Phone Number') }}</label>
                                        <div>
                                            <div class="toggle-flip">
                                                <label>
                                                    <input type="text" name="phone" class="form-control" value="{{ $general->phone }}" />
                                                </label>
                                            </div>
                                        </div>
                                        <label for="">{{ __('phone_number_2') }}</label>
                                        <div>
                                            <div class="toggle-flip">
                                                <label>
                                                    <input type="text" name="phone_2" class="form-control" value="{{ $general->phone_2 }}" />
                                                </label>
                                            </div>
                                        </div>
                                        <label for="">{{ __('email') }}</label>
                                        <div>
                                            <div class="toggle-flip">
                                                <label>
                                                    <input type="email" name="email" class="form-control" value="{{ $general->email }}" />
                                                </label>
                                            </div>
                                        </div>
                                        <label for="">{{ __('delivey-tax') }}</label>
                                        <div>
                                            <div class="toggle-flip">
                                                <label>
                                                    <input type="text" name="delivey_tax" class="form-control" value="{{ $general->delivey_tax }}" />
                                                </label>
                                            </div>
                                        </div>
                                        <label for="">{{ __('Sharing Point') }}</label>
                                        <div>
                                            <div class="toggle-flip">
                                                <label>
                                                    <input type="text" name="sharing_point" class="form-control" value="{{ $general->sharing_point }}" />
                                                </label>
                                            </div>
                                        </div>
                                        <label for="">{{ __('Minimum Price To Order') }}</label>
                                        <div>
                                            <div class="toggle-flip">
                                                <label>
                                                    <input type="text" name="minimum_price_to_order" class="form-control" value="{{ $general->minimum_price_to_order }}" />
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-3 pt-3">
                                <label for="">{{ __('min-points-to-transfer') }}</label>
                                <div>
                                    <div class="toggle-flip">
                                        <label>
                                            <input type="number" name="min_points" class="form-control" value="{{ $general->min_points }}" />
                                        </label>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-4 pt-3">
                                <label for="">{{ __('transfer-process') }}</label>
                                <div style="display: flex">
                                    <div class="input-group">
                                        <input class="form-control" type="number" style="height: 80%;" name="number_of_points_available_transfer" value="{{ $general->number_of_points_available_transfer }}">
                                        <div class="input-group-append" style="height: 80%;"><span class="input-group-text">{{ __('points') }}</span></div>
                                    </div>
                                    <span style='font-size:30px; padding-right: 10px;padding-left: 10px'>&#8658;</span>
                                    <div class="input-group">
                                        <input class="form-control" type="number" step="any" name="number_of_points_money_transfer" value="{{ $general->number_of_points_money_transfer }}" style="height: 80%;">
                                        <div class="input-group-append" style="height: 80%;"><span class="input-group-text">{{ __('IQD') }}</span></div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 pt-3">
                                <label for="">{{ __('standard-gained-points') }}</label>
                                <div>
                                    <div class="toggle-flip">
                                        <label>
                                            <input type="number" name="standard_gained_points" class="form-control" value="{{ $general->standard_gained_points }}" />
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="tile-footer">
                            <button class="btn btn-primary" type="submit"><i class="fa fa-fw fa-lg fa-check-circle"></i>{{ __('Save') }}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection