@extends('layouts.main')
@section('title', 'Users Master')
@section('container')

    <style>
        button.btn.btn-primary {
            padding: 4px 10px;
        }

        .input-group-append span.input-group-text {
            height: 39.38px;
            border-radius: 0px 5px 5px 0px;
            background: transparent;
        }

        .strength-meter {
            height: 5px;
            margin-top: 5px;
            width: 100%;
            background: #ddd;
            border-radius: 3px;
            overflow: hidden;
        }

        .strength-meter div {
            height: 100%;
            width: 0%;
            transition: width 0.3s;
        }
    </style>

    <div class="row">
        <div class="col-xl-12 col-lg-12">
            <div class="card" style="height: max-content;">
                <div class="card-header p-2" style="background:var(--secondary) ;">
                    <h4 class="card-title">User- {{ isset($user) ? 'Edit' : 'Add' }} </h4>
                    <button class="btn btn-primary" data-bs-toggle="modal"
                        data-bs-target=".bd-example-modal-lg-conf-viewteam">Bulk Users</button>
                </div>
                <div class="card-body">

                    <div class="basic-form">
                        <form id="addUser" enctype="multipart/form-data">
                            @csrf
                            <div class="row gy-4">
                                <input type="hidden" name="user_id" value="{{ isset($user) ? $user->id : '' }}">
                                <div class="form-group col-sm-3">
                                    <label>Name :</label>
                                    <input type="text" name="name" id="name"
                                        value="{{ isset($user) ? $user->name : '' }}" class="form-control"
                                        placeholder="Enter Name Here" required>
                                    <span id="nameerror"></span>
                                    <div class="alert alert-danger d-none"> </div>

                                </div>
                                <div class="form-group col-sm-3">
                                    <label> Address :</label>
                                    <input type="text" name="address" id="name"
                                        value="{{ isset($user) ? $user->address : '' }}" placeholder="Enter Address here..."
                                        class="form-control" required>
                                </div>
                                <div class="form-group col-sm-3">
                                    <label>State :</label>
                                    <select name="state" id="state" class="form-control" required>
                                        <option value="">Select State</option>
                                        @foreach ($state as $srow)
                                            <option value="{{ $srow->id }}"
                                                @if (isset($user) && $srow->id == $user->state_id) selected @endif>{{ $srow->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                @if (isset($user))
                                    <div class="form-group col-sm-3">
                                        <label>City :</label>
                                        <select id="city" name="usercity"class="form-control" required>
                                            <option value="">Select City</option>
                                            @foreach ($city as $crow)
                                                <option value="{{ $crow->id }}"
                                                    @if (isset($user) && $crow->id == $user->city_id) selected @endif>{{ $crow->city }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                @else
                                    <div class="form-group col-sm-3">
                                        <label>City :</label>
                                        <select id="city" name="usercity" class="form-control" required>
                                            <option value="">Select City</option>
                                        </select>
                                    </div>
                                @endif

                                <div class="form-group col-sm-3">
                                    <label> Pincode :</label>
                                    <input type="text" pattern="[1-9][0-9]{5}" placeholder="Enter Pincode Here"
                                        title="Enter 6 digit pincode number" name="pincode"
                                        value="{{ isset($user) ? $user->pincode : '' }}" class="form-control" required>
                                    <span id="pincode" style="color:red;"></span>
                                </div>
                                <div class="form-group col-sm-3">
                                    <label> Mobile Number :</label>
                                    <input type="text" pattern="[1-9][0-9]{9}" placeholder="Enter Mobile Number Here"
                                        title="Please enter 10 digit mobile number" name="mobile"
                                        value="{{ isset($user) ? $user->mobile : '' }}" class="form-control" required>
                                    <span id="mobile" style="color:red;"></span>
                                </div>
                                <div class="form-group col-sm-3">
                                    <label> Email :</label>
                                    <input type="email" name="email" placeholder="Enter Email address here.."
                                        value="{{ isset($user) ? $user->email : '' }}" class="form-control" required>
                                    <span id="email" style="color:red;"></span>
                                </div>
                                <div class="form-group col-sm-3">
                                    <label>Password :</label>
                                    <div class="input-group">
                                        <input type="password" name="password" id="password-input"
                                            placeholder="Enter Password here"
                                            class="form-control"
                                            pattern="{{ \App\Support\Security\PasswordPolicy::htmlPattern() }}"
                                            title="{{ \App\Support\Security\PasswordPolicy::message() }}"
                                            maxlength="64" autocomplete="new-password" @if (!isset($user)) required @endif>
                                        <div class="input-group-append">
                                            <span class="input-group-text" id="toggle-password">
                                                <i id="eye-icon" class="fas fa-eye"></i>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="strength-meter">
                                        <div></div>
                                    </div>
                                    <span id="password" style="color:red;"></span>
                                </div>

                                <div class="col-xxl-3 col-md-3">
                                    <label class="form-label" for="status">Status :</label>

                                    <select name="status" class="form-control" required>
                                        <option value="">Select Status</option>
                                        <option value="Active" @if (isset($user) && $user->status == '1') selected @endif>Active
                                        </option>
                                        <option value="Inactive" @if (isset($user) && $user->status == '0') selected @endif>Inactive
                                        </option>
                                    </select>
                                </div>
                                @if (Auth::user()->role_id == 4)
                                    <div class="form-group col-sm-3">
                                        <label> User Type :</label>
                                        <select class="form-control" name="usertype" id="usertypes"
                                            aria-label="Default select example" required>
                                            @foreach ($userTypes as $item)
                                                @if ($item->id == 3)
                                                    <option value="{{ $item->id }}" selected>{{ $item->name }}
                                                    </option>
                                                @endif
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="form-group col-sm-3 " id="agency">
                                        <label>Agency :</label>
                                        <select class="form-control" name="agency_id" aria-label="Default select example"
                                            required>
                                            <option value="0">Select Agency</option>
                                            @foreach ($userList->where('role_id', 4) as $item)
                                                @if (Auth::user()->id == $item->id)
                                                    <option value="{{ $item->id }}" selected>{{ $item->name }}
                                                @endif
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                @else
                                    <div class="form-group col-sm-3">
                                        <label> User Type :</label>
                                        <select class="form-control" name="usertype" id="usertypes"
                                            aria-label="Default select example" required>
                                            <option value="0">Select User Type</option>
                                            @foreach ($roles as $item)
                                                @if ($item->id != 1)
                                                    <option value="{{ $item->id }}"
                                                        @if (isset($user->role_id) && $user->role_id == $item->id) selected @endif>
                                                        {{ $item->name }}
                                                    </option>
                                                @endif
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="form-group col-sm-3 " id="agency"
                                        style="{{ isset($user->role_id) ? 'display:block' : 'display:none' }}">
                                        <label>Agency :</label>
                                        <select class="form-control" name="agency_id" aria-label="Default select example"
                                            required>
                                            <option value="0">Select Agency</option>
                                            @foreach ($userList->where('role_id', 4) as $item)
                                                <option value="{{ $item->id }}"
                                                    @if (isset($user->agency_id) && $user->agency_id == $item->id) selected @endif>{{ $item->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                @endif
                            </div>
                            <!--end row-->
                            <div class="text-start mt-3 mb-6 gy-4">
                                <button type="submit" class="btn btn-primary btn-block"
                                    style="width: 10%;">Submit</button>
                            </div>
                        </form>
                        <br>

                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-12 col-lg-12">
            <div class="card">
                <div class="card-body p-0">
                    <div class="table-responsive active-projects">
                        <div class="tbl-caption p-2">
                            <h4 class="heading mb-0">User - List</h4>
                            <!-- Button trigger modal -->
                        </div>
                        <table id="projects-tbl" class="table">
                            <thead>
                                <tr>
                                    <th class="sort">Sr No</th>
                                    <th class="sort">Action</th>
                                    <th class="sort">Status</th>
                                    <th class="sort">Employee Code</th>
                                    <th class="sort">Name</th>
                                    <th class="sort">Email</th>
                                    <th class="sort">Mobile No</th>
                                    <th class="sort">Password</th>
                                    <th class="sort">User Type</th>
                                    <th class="sort">Address</th>
                                    <th class="sort">Pincode</th>

                                </tr>
                            </thead>

                            <tbody class="list form-check-all">
                                @php
                                    $i = 0;
                                @endphp
                                @foreach ($userList as $unamesrow)
                                    @if (Auth::user()->role != '4' && $unamesrow->role_id != 1)
                                        <tr>
                                            <td>{{ ++$i }}</td>
                                            <td>
                                                <a href="{{ route('Userslist') . '?id=' . $unamesrow->id }}"
                                                    class="btn btn-sm btn-primary"><i class="fa fa-pencil"></i></a>
                                                <!--************** Delete Btn *****************-->
                                                @if ($unamesrow->status == 1)
                                                    <button type="button" class="btn btn-sm btn-info"
                                                        onclick="deactive({{ $unamesrow->id }})"><i
                                                            class="fa fa-eye-slash" title="Block User"></i></button>
                                                @else
                                                    <button type="button" class="btn btn-sm btn-info"
                                                        onclick="active({{ $unamesrow->id }})"><i class="fa fa-eye"
                                                            title="UnBlock User"></i></button>
                                                @endif

                                            </td>
                                            <td>
                                                @if ($unamesrow->status == 1)
                                                    <div class="bootstrap-badge">
                                                        <a href="javascript:void(0)"
                                                            class="badge badge-rounded badge-success">Unblock</a>
                                                    </div>
                                                @else
                                                    <div class="bootstrap-badge">
                                                        <a href="javascript:void(0)"
                                                            class="badge badge-rounded badge-danger">Block</a>
                                                    </div>
                                                @endif
                                            </td>
                                            <td>{{ $unamesrow->emp_code }}</td>
                                            <td>{{ $unamesrow->name }}</td>
                                            <td>{{ $unamesrow->email }}</td>
                                            <td>{{ $unamesrow->mobile }}</td>
                                            <td>********</td>
                                            <td>
                                                {{ $unamesrow->userrole ? $unamesrow->userrole->name:'' }}
                                            </td>
                                            <td>{{ $unamesrow->address ? $unamesrow->address : 'NA' }}</td>
                                            <td>{{ $unamesrow->pincode }}</td>
                                        </tr>
                                    @else
                                        @if ($unamesrow->agency_id == Auth::user()->id)
                                            <tr>
                                                <td>{{ ++$i }}</td>
                                                <td>
                                                    <a href="{{ route('Userslist') . '?id=' . $unamesrow->id }}"
                                                        class="btn btn-sm btn-primary"><i class="fa fa-pencil"></i></a>
                                                    <!--************** Delete Btn *****************-->
                                                    @if ($unamesrow->status == 1)
                                                        <button type="button" class="btn btn-sm btn-info"
                                                            onclick="deactive({{ $unamesrow->id }})"><i
                                                                class="fa fa-eye-slash" title="Block User"></i></button>
                                                    @else
                                                        <button type="button" class="btn btn-sm btn-info"
                                                            onclick="active({{ $unamesrow->id }})"><i class="fa fa-eye"
                                                                title="UnBlock User"></i></button>
                                                    @endif
                                                </td>
                                                <td>
                                                    @if ($unamesrow->status == 1)
                                                        <div class="bootstrap-badge">
                                                            <a href="javascript:void(0)"
                                                                class="badge badge-rounded badge-success">Unblock</a>
                                                        </div>
                                                    @else
                                                        <div class="bootstrap-badge">
                                                            <a href="javascript:void(0)"
                                                                class="badge badge-rounded badge-danger">Block</a>
                                                        </div>
                                                    @endif
                                                </td>
                                                <td>{{ $unamesrow->emp_code }}</td>
                                                <td>{{ $unamesrow->name }}</td>
                                                <td>{{ $unamesrow->email }}</td>
                                                <td>{{ $unamesrow->mobile }}</td>
                                                <td>{{ $unamesrow->pid }}</td>
                                                <td>
                                                    {{ $unamesrow->userrole ? $unamesrow->userrole->name:'' }}
                                                </td>
                                                <td>{{ $unamesrow->address ? $unamesrow->address : 'NA' }}</td>
                                                <td>{{ $unamesrow->pincode }}</td>
                                            </tr>
                                        @endif
                                    @endif
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <script nonce="{{ $cspNonce }}" src="{{ asset('public/js/jquery-3.6.0.min.js') }}"></script>
    <script nonce="{{ $cspNonce }}" src="{{ asset('js/User.js') }}"></script>

   <script nonce="{{ $cspNonce }}">
    $(document).ready(function () {
          $('#state').change(function (e) {
        e.preventDefault();
        var id = $(this).val();
        $.ajax({
            type: "get",
            url: "getCities",
            data: {
                state_id: id
            },
            success: function (data) {
                $('#city').html('<option value="">-- Select City --</option>');
                $.each(data, function (key, value) {
           //        alert(value.city);
                    $("#city").append('<option value="' + value
                        .id + '">' + value.city + '</option>');
                });
            }
        });

    });

    });
   </script> 
@endsection