@extends('layouts.settings.default')
@push('css_lib')
  @include('layouts.datatables_css')
  <!-- iCheck -->
  <link rel="stylesheet" href="{{ asset('plugins/iCheck/flat/blue.css') }}">
  <!-- select2 -->
  <link rel="stylesheet" href="{{ asset('plugins/select2/select2.min.css') }}">
  <!-- bootstrap wysihtml5 - text editor -->
  <link rel="stylesheet" href="{{ asset('plugins/summernote/summernote-bs4.css') }}">
  {{-- dropzone --}}
  <link rel="stylesheet" href="{{ asset('plugins/dropzone/bootstrap.min.css') }}">
  {{-- Color Picker --}}
  <link rel="stylesheet" href="{{ asset('plugins/colorpicker/bootstrap-colorpicker.min.css') }}">
@endpush
@section('settings_title', trans('lang.app_setting_mobile'))
@section('settings_content')
  @include('flash::message')
  @include('adminlte-templates::common.errors')
  <div class="clearfix"></div>
  <div class="card">
    <div class="card-header">
      <ul class="nav nav-tabs align-items-end card-header-tabs w-100">
        <li class="nav-item">
          <a class="nav-link active" href="{!! url()->current() !!}"><i
              class="fa fa-cog mr-2"></i>{{ trans('lang.app_setting_' . $tab) }}</a>
        </li>
      </ul>
    </div>
    <div class="card-body">
      <table id="example" class="table table-striped table-bordered" style="width:100%">
        <thead>
          <tr>
            <th class="text-center">Image</th>
            <th>App Name</th>
            <th>Platform</th>
            <th>App URL</th>
            <th class="text-center">Action</th>
          </tr>
        </thead>
        <tbody>
          <form action="{{ route('save-app-url-setting') }}" method="post" enctype="multipart/form-data">
            @csrf
            <tr>
              <td class="text-center">
                <img src="{{ asset('images/app_settings_images/'.setting('img_customer_android')) }}" class="cus_android_image" style="width: 50px;cursor: pointer;"> 
                <input type="file" name="cus_android_image" id="cus_android_image" onchange="previewImage(this, 'cus_android_image');" hidden>
              </td>
              <td>Customer</td>
              <td>Android</td>
              <td>
                <input type="text" class="form-control" name="app_url_customer_android" id="app_url_customer_android"
                  value="{{ setting('app_url_customer_android') }}">
              </td>
              <td class="text-center">
                <div class='btn-group btn-group-sm'>
                  <button type="submit" data-toggle="tooltip" data-placement="bottom" title="{{ trans('lang.save_app_url') }}" class='btn btn-link'>
                    <i class="fa fa-save"></i>
                  </button>
                </div>
              </td>
            </tr>
          </form>
          <form action="{{ route('save-app-url-setting') }}" method="post" enctype="multipart/form-data">
            @csrf
            <tr>
              <td class="text-center">
                <img src="{{ asset('images/app_settings_images/'.setting('img_customer_ios')) }}" class="cus_ios_image" style="width: 50px;cursor: pointer;"> 
                <input type="file" name="cus_ios_image" id="cus_ios_image" onchange="previewImage(this, 'cus_ios_image');" hidden>
              </td>
              <td>Customer</td>
              <td>IOS</td>
              <td>
                <input type="text" class="form-control" name="app_url_customer_ios" id=""
                  value="{{ setting('app_url_customer_ios') }}">
              </td>
              <td class="text-center">
                <div class='btn-group btn-group-sm'>
                  <button type="submit" data-toggle="tooltip" data-placement="bottom" title="{{ trans('lang.save_app_url') }}" class='btn btn-link'>
                    <i class="fa fa-save"></i>
                  </button>
                </div>
              </td>
            </tr>
          </form>
          <form action="{{ route('save-app-url-setting') }}" method="post" enctype="multipart/form-data">
            @csrf
            <tr>
              <td class="text-center">
                <img src="{{ asset('images/app_settings_images/'.setting('img_manager_android')) }}" class="mang_android_image" style="width: 50px;cursor: pointer;"> 
                <input type="file" name="mang_android_image" id="mang_android_image" onchange="previewImage(this, 'mang_android_image');" hidden>
              </td>
              <td>Manager</td>
              <td>Android</td>
              <td>
                <input type="text" class="form-control" name="app_url_manager_android" id=""
                  value="{{ setting('app_url_manager_android') }}">
              </td>
              <td class="text-center">
                <div class='btn-group btn-group-sm'>
                  <button type="submit" data-toggle="tooltip" data-placement="bottom" title="{{ trans('lang.save_app_url') }}" class='btn btn-link'>
                    <i class="fa fa-save"></i>
                  </button>
                </div>
              </td>
            </tr>
          </form>
          <form action="{{ route('save-app-url-setting') }}" method="post" enctype="multipart/form-data">
            @csrf
            <tr>
              <td class="text-center">
                <img src="{{ asset('images/app_settings_images/'.setting('img_manager_ios')) }}" class="mang_ios_image" style="width: 50px;cursor: pointer;"> 
                <input type="file" name="mang_ios_image" id="mang_ios_image" onchange="previewImage(this, 'mang_ios_image');" hidden>
              </td>
              <td>Manager</td>
              <td>IOS</td>
              <td>
                <input type="text" class="form-control" name="app_url_manager_ios" id=""
                  value="{{ setting('app_url_manager_ios') }}">
              </td>
              <td class="text-center">
                <div class='btn-group btn-group-sm'>
                  <button type="submit" data-toggle="tooltip" data-placement="bottom" title="{{ trans('lang.save_app_url') }}" class='btn btn-link'>
                    <i class="fa fa-save"></i>
                  </button>
                </div>
              </td>
            </tr>
          </form>
          <form action="{{ route('save-app-url-setting') }}" method="post" enctype="multipart/form-data">
            @csrf
            <tr>
              <td class="text-center">
                <img src="{{ asset('images/app_settings_images/'.setting('img_delivery_android')) }}" class="delivery_android_image" style="width: 50px;cursor: pointer;"> 
                <input type="file" name="delivery_android_image" id="delivery_android_image" onchange="previewImage(this, 'delivery_android_image');" hidden>
              </td>
              <td>Delivery</td>
              <td>Android</td>
              <td>
                <input type="text" class="form-control" name="app_url_delivery_android" id=""
                  value="{{ setting('app_url_delivery_android') }}">
              </td>
              <td class="text-center">
                <div class='btn-group btn-group-sm'>
                  <button type="submit" data-toggle="tooltip" data-placement="bottom" title="{{ trans('lang.save_app_url') }}" class='btn btn-link'>
                    <i class="fa fa-save"></i>
                  </button>
                </div>
              </td>
            </tr>
          </form>
          <form action="{{ route('save-app-url-setting') }}" method="post" enctype="multipart/form-data">
            @csrf
            <tr>
              <td class="text-center">
                <img src="{{ asset('images/app_settings_images/'.setting('img_delivery_ios')) }}" class="delivery_ios_image" style="width: 50px;cursor: pointer;"> 
                <input type="file" name="delivery_ios_image" id="delivery_ios_image" onchange="previewImage(this, 'delivery_ios_image');" hidden>
              </td>
              <td>Delivery</td>
              <td>IOS</td>
              <td>
                <input type="text" class="form-control" name="app_url_delivery_ios" id=""
                  value="{{ setting('app_url_delivery_ios') }}">
              </td>
              <td class="text-center">
                <div class='btn-group btn-group-sm'>
                  <button type="submit" data-toggle="tooltip" data-placement="bottom" title="{{ trans('lang.save_app_url') }}" class='btn btn-link'>
                    <i class="fa fa-save"></i>
                  </button>
                </div>
              </td>
            </tr>
          </form>
      </table>
    </div>
  </div>
  </div>
@endsection
@include('layouts.datatables_js')

@push('scripts_lib')
    {{-- For open file selector for each App --}}
    <script type="text/javascript">
      $('.cus_android_image').click(function() {
        $('#cus_android_image').click();
      });

      $('.cus_ios_image').click(function() {
        $('#cus_ios_image').click();
      });

      $('.mang_android_image').click(function() {
        $('#mang_android_image').click();
      });

      $('.mang_ios_image').click(function() {
        $('#mang_ios_image').click();
      });

      $('.delivery_android_image').click(function() {
        $('#delivery_android_image').click();
      });

      $('.delivery_ios_image').click(function() {
        $('#delivery_ios_image').click();
      });

      function previewImage(input, setTo) {
        var oFReader = new FileReader();

        oFReader.readAsDataURL(input.files[0]);

        if (input.files[0].type == 'image/jpeg' || input.files[0].type == 'image/png' || input.files[0].type == 'image/webp') {
            oFReader.onload = function (e) {
              $("."+setTo).attr('src', e.target.result);
            };
        } else {
          alert('Uploaded file is not allowed');
        }
        }
        $("document").ready(function(){
        setTimeout(function(){
            $(".alert-success").remove();
        }, 3000 ); 
      });
    </script>
@endpush