1#@!#!123s

ALWAYS HENGHENG888 1#@!#!123s
: / var / www / cdcdhaka.org / resources / views / backend / settings / shipping /
Filename : index.blade.php
back
@extends('backend.layouts.app')

@section('title', ' General Settings ')

@php
$required = html()
    ->span('*')
    ->class('text-danger');
$demoImg = 'img/backend/front-logo.png';
@endphp

@section('content')

  <div class="row justify-content-center">
    <div class="col-md-6">
      <div class="card card-primary card-outline">
        <div class="card-header">
          <h3 class="card-title">Manage Shipping Slub</h3>
        </div>
        <div class="card-body">
          @include('backend.settings.shipping.includes.shipping-slub')
        </div> <!-- /.card -->
      </div>
    </div> <!-- col -->
    <div class="col-md-6">
      <div class="card card-primary card-outline">
        <div class="card-header">
          <h3 class="card-title">Manage Shipping Methods</h3>
        </div>
        <div class="card-body">
          @include('backend.settings.shipping.includes.shipping-methods')
        </div> <!-- /.card -->
      </div>
    </div> <!-- col -->
  </div> <!-- .row -->
@endsection


@push('after-scripts')
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
    integrity="sha512-SfTiTlX6kk+qitfevl/7LibUOeJWlt9rbyDn92a1DqWOw9vWG2MFoays0sgObmWazO5BQPiFucnnEAjpAB+/Sw==" crossorigin="anonymous"
    referrerpolicy="no-referrer" />
  <link rel="stylesheet" href="{{ asset('assets/plugins/bootstrap-4-date-time-picker/css/bootstrap-datetimepicker.min.css') }}">
@endpush

@push('after-scripts')
  <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/moment.min.js"></script>
  <script src="{{ asset('assets/plugins/bootstrap-4-date-time-picker/js/bootstrap-datetimepicker.min.js') }}"></script>
  <script type="text/javascript">
    function limitationFieldSlub(name, length) {
      var option_block = $(".option_block").html();
      return `<tr>
        <td>
          <select class="form-control form-control-sm"name="${name}[${length}][method]">
            ${option_block}
          </select>
        </td>
        <td>
          <div class="input-group input-group-sm"><input type="text" class="form-control form-control-sm datetimepicker4" name="${name}[${length}][time]" placeholder="Shipping Time"></div>
        </td>
        <td>
          <div class="input-group input-group-sm"><input type="text" class="form-control form-control-sm" name="${name}[${length}][cost]" placeholder="Cost"></div>
        </td>
        <td>
          <button type="button" class="btn btn-sm btn-danger removeField">Remove</button>
        </td>
      </tr>`;
    }


    $(document).on('click', '.removeField', function() {
      var tbody = $(this).closest('table').find('.shippLimitBody').find('tr');
      if (tbody.length > 1) {
        $(this).closest('tr').remove();
      } else if (tbody.length === 1) {
        $(this).addClass('disabled');
      }
    });

    $(document).on('click', '.addField', function() {
      var shippLimitBody = $(this).closest('table').find('.shippLimitBody');
      var dataFieldName = $(this).attr('data-name')
      var rowLength = shippLimitBody.find('tr').length;
      var tableRow = limitationFieldSlub(dataFieldName, rowLength);
      if (rowLength < 10) {
        shippLimitBody.append(tableRow);

        $('.datetimepicker4').datetimepicker({
          format: 'LT'
        });
      }
    });



    $(function() {
      $('.datetimepicker4').datetimepicker({
        format: 'LT'
      });
    });
  </script>
@endpush