@extends('layout.master')

@push('plugin-styles')
    <link href="{{ asset('assets/plugins/prismjs/prism.css') }}" rel="stylesheet" />
@endpush

@section('content')
    {{-- <nav class="page-breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="#">Forms</a></li>
    <li class="breadcrumb-item active" aria-current="page">Basic Elements</li>
  </ol>
</nav> --}}

    <div class="row">
        <div class="col-md-12 grid-margin stretch-card">
            <div class="card">
                <div class="card-header">
                    <h6>Add User</h6>
                </div>
                <div class="card-body">
                    <form method="post" action="{{ url('/admin') }}">
                        @csrf
                        @if (Session::has('msg'))
                            <div class="alert alert-danger" role="alert">
                                {{ Session::has('msg') ? Session::get('msg') : '' }}
                            </div>
                        @elseif(Session::has('success'))
                            <div class="alert alert-success" role="alert">{{ Session::get('success') }}</div>
                        @endif
                        <div class="form-group d-flex">
                            <label class="col-sm-2 offset-lg-1 text-right control-label mt-2">Username</label>
                            <div class="col-sm-6">
                                <input type="text"
                                    class="form-control ui-autocomplete-input @error('username') is-invalid @enderror"
                                    id="exampleInputUsername1" name="username" autocomplete="off"
                                    placeholder="Enter Username">
                                @error('username')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                        <div class="form-group d-flex">
                            <label class="col-sm-2 offset-lg-1 text-right control-label mt-2">Name</label>
                            <div class="col-sm-6">
                                <input type="text"
                                    class="form-control ui-autocomplete-input @error('name') is-invalid @enderror"
                                    id="exampleInputUsername1" value="{{ Old('name') }}" name="name" autocomplete="off"
                                    placeholder="Enter Name">
                                @error('name')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                        <div class="form-group d-flex">
                            <label class="col-sm-2 offset-lg-1 text-right control-label mt-2">Firm Name</label>
                            <div class="col-sm-6">
                                <input type="text"
                                    class="form-control ui-autocomplete-input @error('firmName') is-invalid @enderror"
                                    id="exampleInputUsername1" value="{{ Old('firmName') }}" name="firmName"
                                    autocomplete="off" placeholder="Enter Firm Name">
                                @error('firmName')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                        <div class="form-group d-flex">
                            <label class="col-sm-2 offset-lg-1 text-right control-label mt-2">Role Management</label>
                            <div class="col-sm-6">
                                <div class="form-group mb-1">
                                    <select class="form-control" name="role" id="role">
                                        <option selected disabled>Select Role</option>
                                        @if (Session::get('role') != 'distributer')
                                            <option value="5">Distributor</option>
                                        @endif
                                        <option value="7">Retailer</option>
                                    </select>
                                </div>
                                @error('role')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                        <div class="d-flex" id="referral">

                        </div>
                        <div class="form-group d-flex">
                            <label class="col-sm-2 offset-lg-1 text-right control-label mt-2">Password</label>
                            <div class="col-sm-6">
                                <input type="text"
                                    class="form-control ui-autocomplete-input @error('password') is-invalid @enderror"
                                    id="exampleInputUsername1" maxlength="6" minlength="6" value="{{ Old('password') }}"
                                    name="password" autocomplete="off" placeholder="Enter Password">
                                @error('password')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                        <div class="form-group d-flex">
                            <label class="col-sm-2 offset-lg-1 text-right control-label mt-2">Transaction Pin</label>
                            <div class="col-sm-6">
                                <input type="text"
                                    class="form-control ui-autocomplete-input @error('transactionPin') is-invalid @enderror"
                                    id="exampleInputUsername1" value="{{ Old('transactionPin') }}" name="transactionPin"
                                    autocomplete="off" placeholder="Enter Transaction Pin">
                                @error('transactionPin')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                        <div class="form-group d-flex">
                            <label class="col-sm-2 offset-lg-1 text-right control-label mt-2">Commission %</label>
                            <div class="col-sm-6">
                                <input type="text"
                                    class="form-control ui-autocomplete-input @error('commissionPercentage') is-invalid @enderror"
                                    id="exampleInputUsername1" value="{{ Old('commissionPercentage') }}"
                                    name="commissionPercentage" autocomplete="off" placeholder="Enter Commission %">
                                @error('commissionPercentage')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                        {{-- <div class="form-group d-flex" id="perissions">
            <label class="col-sm-2 offset-lg-1 text-right control-label mt-2">Page Permission</label>
            <div class="col-sm-3">
              <div class="form-check form-check-flat form-check-primary">
                <label class="form-check-label" id="add_user">
                  <input type="checkbox" class="form-check-input" name="permission[]" value="add_user">
                  Add User
                </label>
              </div>
              <div class="form-check form-check-flat form-check-primary">
                <label class="form-check-label" id="view_user">
                  <input type="checkbox" class="form-check-input" name="permission[]" value="view_user">
                  View User
                </label>
              </div>
              <div class="form-check form-check-flat form-check-primary">
                <label class="form-check-label" id="superdistributer">
                  <input type="checkbox" class="form-check-input" name="permission[]" value="superdistributer">
                  Super Distributor
                </label>
              </div>
              <div class="form-check form-check-flat form-check-primary">
                <label class="form-check-label" id="distributer">
                  <input type="checkbox" class="form-check-input" name="permission[]" value="distributer">
                  Distributor
                </label>
              </div>
              <div class="form-check form-check-flat form-check-primary">
                <label class="form-check-label" id="retailer">
                  <input type="checkbox" class="form-check-input" name="permission[]" value="retailer">
                  Retailer
                </label>
              </div>
            </div>
            <div class="col-sm-3">
              <div class="form-check form-check-flat form-check-primary">
                <label class="form-check-label" id="winningPercent">
                  <input type="checkbox" class="form-check-input" name="permission[]" value="winningPercent">
                  Winning %
                </label>
              </div>
              <div class="form-check form-check-flat form-check-primary">
                <label class="form-check-label" id="winhistory">
                  <input type="checkbox" class="form-check-input" name="permission[]" value="winhistory">
                  Win History
                </label>
              </div>
              <div class="form-check form-check-flat form-check-primary">
                <label class="form-check-label" id="winbyadmin">
                  <input type="checkbox" class="form-check-input" name="permission[]" value="winbyadmin">
                  Winbyadmin
                </label>
              </div>
              <div class="form-check form-check-flat form-check-primary">
                <label class="form-check-label" id="announcement">
                  <input type="checkbox" class="form-check-input" name="permission[]" value="announcement">
                  Announcement
                </label>
              </div>
              <div class="form-check form-check-flat form-check-primary">
                <label class="form-check-label" id="complaint">
                  <input type="checkbox" class="form-check-input" name="permission[]" value="complaint">
                  Complaint
                </label>
              </div>
              <input type="hidden" class="form-check-input" name="permission[]" id="retailer" value="retai">
            </div>
          </div> --}}
                        <div class="form-group d-flex">
                            <label class="col-sm-2 offset-lg-1 text-right control-label mt-2"></label>
                            <div class="col-sm-6">
                                <button type="submit" class="btn btn-primary">Submit</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

@endsection

@push('plugin-scripts')
    <script src="{{ asset('assets/plugins/prismjs/prism.js') }}"></script>
    <script src="{{ asset('assets/plugins/clipboard/clipboard.min.js') }}"></script>
@endpush

@push('custom-scripts')
    <script type="text/javascript">
        $(document).ready(function() {
            $('#role').change(function() {
                var Role = $(this).val();
                // alert(Role);
                var uri;
                if (parseInt(Role) == 1) {
                    uri = "{{ url('/get_data') }}";
                    var token = $('input[name="_token"]').val();
                    $.ajax({
                        url: uri,
                        type: 'POST',
                        data: {
                            role: Role,
                            _token: token
                        },
                        success: function(res) {
                            $('#referral').html(res);
                        }
                    });
                } else if (parseInt(Role) == 5) {
                    uri = "{{ url('/get_data') }}";
                    var token = $('input[name="_token"]').val();
                    // alert("vijay");
                    $.ajax({
                        url: uri,
                        type: 'POST',
                        data: {
                            role: Role,
                            _token: token
                        },
                        success: function(res) {
                            $('#referral').addClass('form-group');
                            $('#referral').html(res);
                        }
                    });
                } else if (parseInt(Role) == 7) {
                    uri = "{{ url('/get_data') }}";
                    var token = $('input[name="_token"]').val();
                    $.ajax({
                        url: uri,
                        type: 'POST',
                        data: {
                            role: Role,
                            _token: token
                        },
                        success: function(res) {
                            $('#referral').html(res);
                        }
                    });
                }
                // }else if(parseInt(Role)==7){
                //     uri = "{{ url('/get_data') }}";
                //     var token = $('input[name="_token"]').val();
                //     $.ajax({
                //           url: uri,
                //           type:'POST',
                //           data:{
                //               role:Role,
                //               _token:token
                //           },
                //           success:function(res)
                //           {
                //             $('#referral').addClass('form-group');
                //             $("#retailer").attr("checked", "checked");
                //             $('#referral').html(res);
                //           }
                //     });
                // }
            });
        });
    </script>
@endpush