@extends('Admin.layouts.app')
@section('title', 'Setting')

@section('content')
<div class="card-header py-3">
    <h6 class="page-title h3 mb-2">Setting</h6>
</div>
<div class="">
    @if(Session::has('success'))
        <div class="alert alert-success">{{ Session::get('success') }}</div>
    @endif

    <div class="row">
        <div class="col-12">
            <div class="setting">

                <!-- Change Password -->
                <div class="setting-div" data-toggle="modal" data-target="#changePasswordModal" style="cursor: pointer;">
                    <p class="fs-16 fw-500">Change Password</p>
                    <i class="fa-solid fa-chevron-right"></i>
                </div>

                <!-- Terms -->
                <div class="setting-div">
                    <div class="fs-16 fw-500">
                        <a href="{{ route('admin.setting.termscondition') }}">Terms & Conditions</a>
                    </div>
                    <a href="{{ route('admin.setting.termscondition') }}"><i class="fa-solid fa-chevron-right"></i></a>
                </div>


                <!-- Privacy -->
                <div class="setting-div">
                    <div class="fs-16 fw-500">
                        <a href="{{ route('admin.setting.privacypolicy') }}">Privacy & Policy</a>

                    </div>
                    <a href="{{ route('admin.setting.privacypolicy') }}"><i class="fa-solid fa-chevron-right"></i></a>
                </div>

                <!-- Commission Fee -->
                <div class="setting-div">
                    <p class="fs-16 fw-500">Comission Fee</p>
                    <p>USD 22.50 <img src="{{ asset('admin/img/edit1.png') }}" width="25px" height="25px" alt=""></p>
                </div>

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

<!-- ================= Change Password Modal ================= -->
<div class="modal fade" id="changePasswordModal" tabindex="-1" role="dialog" aria-labelledby="changePasswordModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <form method="POST" action="{{ route('admin.setting.changePassword') }}">
        @csrf
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="changePasswordModalLabel">Change Password</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
                @if(Session::has('error'))
                    <div class="alert alert-danger">{{ Session::get('error') }}</div>
                @endif
                <div class="form-group">
                    <label>Old Password</label>
                    <input type="password" name="old_password" class="form-control" required>
                </div>
                <div class="form-group">
                    <label>New Password</label>
                    <input type="password" name="new_password" class="form-control" required>
                </div>
                <div class="form-group">
                    <label>Confirm Password</label>
                    <input type="password" name="new_password_confirmation" class="form-control" required>
                </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            <button type="submit" class="btn btn-primary">Update Password</button>
          </div>
        </div>
    </form>
  </div>
</div>
<!-- ========================================================== -->

@endsection

@push('body-scripts')
<script src="//code.jquery.com/jquery-3.5.1.js"></script>
<script src="//cdn.datatables.net/1.10.24/js/jquery.dataTables.min.js"></script>
@endpush