@extends('admin.layouts.main')

@section('title')
    @if ($edit)
        Edit Branch User
    @else
        Add Branch User
    @endif
@endsection

@section('content')
    <main>
        <div class="two-col">

            @include('admin.common.sidebar')

            <div class="right-sec">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="javascript:void(0)">{{ @trans('kua_client_user.directory') }}</a>
                        </li>
                        <li aria-current="page" class="breadcrumb-item active"><a
                                href="{{ route('admin.kua-client-users.index', ['panel' => Session::get('panel')]) }}"> {{-- Corrected route here --}}
                                {{ @trans('kua_client_user.client_users') }}</a></li>
                        @if ($edit)
                            <li aria-current="page" class="breadcrumb-item active">
                                {{ @trans('kua_client_user.edit_client_user') }}</li>
                        @else
                            <li aria-current="page" class="breadcrumb-item active">
                                {{ @trans('kua_client_user.add_client_user') }}</li>
                        @endif
                    </ol>
                </nav>

                <div class="form-sec">
                    <div class="container">
                        <div class="row">
                            <div class="col-xl-8 offset-xl-2 col-lg-10 offset-lg-1">
                                <div class="step-box">

                                    <form id="storeClientUserForm" method="post"
                                        action="{{ route('admin.kua-client-users.store', ['panel' => Session::get('panel')]) }}">

                                        @csrf

                                        <div class="form-body">
                                            @if ($id)
                                                <h2 class="form-sec-title">{{ @trans('kua_client_user.edit_client_user') }}
                                                </h2>
                                                <input type="hidden" name="id" value="{{ $id }}">
                                            @else
                                                <h2 class="form-sec-title">{{ @trans('kua_client_user.add_client_user') }}
                                                </h2>
                                            @endif

                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label
                                                            class="control-label">{{ @trans('kua_client_user.first_name') }}
                                                            <span class="required">*</span></label>
                                                        <input type="text" name="first_name" class="form-control"
                                                            value="@if($id){{$clientUserDetail->first_name}}@else{{old('first_name')}}@endif"
                                                            placeholder="Enter First Name" />
                                                        @if ($errors->has('first_name'))
                                                            <div class="invalid-feedback">
                                                                {{ $errors->first('first_name') }}
                                                            </div>
                                                        @endif

                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label
                                                            class="control-label">{{ @trans('kua_client_user.last_name') }}
                                                            <span class="required">*</span></label>
                                                        <input type="text" name="last_name" class="form-control"
                                                            value="@if($id){{$clientUserDetail->last_name}}@else{{old('last_name')}}@endif"
                                                            placeholder="Enter Last Name" />
                                                        @if ($errors->has('last_name'))
                                                            <div class="invalid-feedback">{{ $errors->first('last_name') }}
                                                            </div>
                                                        @endif

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

                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label class="control-label">{{ @trans('kua_client_user.email') }}
                                                            <span class="required">*</span></label>
                                                        <input type="text" name="email" class="form-control"
                                                            class="form-control"
                                                            value="@if($id){{$clientUserDetail->email}}@else{{old('email')}}@endif"
                                                            placeholder="Enter Email" />
                                                        @if ($errors->has('email'))
                                                            <div class="invalid-feedback">{{ $errors->first('email') }}
                                                            </div>
                                                        @endif

                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label class="control-label">{{ @trans('kua_client_user.mobile') }}
                                                            <span class="required">*</span></label>
                                                        <input type="text" name="mobile" class="form-control"
                                                            value="@if($id){{$clientUserDetail->mobile}}@else{{old('mobile')}}@endif"
                                                            placeholder="Enter Mobile" />
                                                        @if ($errors->has('mobile'))
                                                            <div class="invalid-feedback">{{ $errors->first('mobile') }}
                                                            </div>
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="form-group btm-arrow select">
                                                        <label class="control-label">{{ @trans('kua_client_user.client') }}
                                                            <span class="required">*</span>
                                                        </label>
                                                        <select id="client_id" name="client_id" class="form-control">
                                                            <option value="">
                                                                {{ @trans('kua_client_user.select_client') }}</option>
                                                            @foreach ($clientsList as $client)
                                                                @if ($id)
                                                                    <option value="{{ $client->id }}"
                                                                        @if ($clientUserDetail->company_id == $client->id) selected="selected" @endif>
                                                                        {{ $client->name }}
                                                                    </option>
                                                                @else
                                                                    <option value="{{ $client->id }}">
                                                                        {{ $client->name }}
                                                                    </option>
                                                                @endif
                                                            @endforeach
                                                        </select>
                                                        @if ($errors->has('departments'))
                                                            <div class="invalid-feedback">
                                                                {{ $errors->first('departments') }}
                                                            </div>
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="form-group btm-arrow select">
                                                        <label class="control-label">{{ @trans('kua_client_user.client_branch') }} <span class="required">*</span></label>
                                                        <select class="form-control" name="client_branch_id" id="client_branch_id">
                                                            <option value="">{{ @trans('kua_client_user.select_client_branch') }}</option>
                                                           @if(isset($branchList) && (is_array($branchList) ? count($branchList) > 0 : !$branchList->isEmpty()))
                                                                @foreach ($branchList as $branch)
                                                                    <option value="{{ $branch['id'] }}" @if((isset($clientUserDetail) && isset($clientUserDetail->client_branch_id) && $clientUserDetail->client_branch_id == $branch['id']) || old('client_branch_id') == $branch['id']) selected @endif>
                                                                        {{ $branch['name'] }}
                                                                    </option>
                                                                @endforeach
                                                            @endif
                                                        </select>
                                                        @if ($errors->has('client_branch_id'))
                                                            <div class="invalid-feedback">
                                                                {{ $errors->first('client_branch_id') }}
                                                            </div>
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="tab-btn">
                                            <div style="float: left;">
                                                <a href="{{ url()->previous() }}"
                                                    class="btn btn-cncl">{{ @trans('kua_client_user.cancel') }}</a>
                                            </div>
                                            <div style="float:right;">
                                                <input type="submit" class="btn step-btn submitClientUserForm"
                                                    value="{{ @trans('kua_client_user.save') }}">
                                            </div>
                                        </div>

                                    </form>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
@endsection


@push('pageJs')
    {!! JsValidator::formRequest('App\Http\Requests\Client_user\StoreClientUser', '#storeClientUserForm') !!}
    <script type="text/javascript">
        var listOfClientUsers = "{{ route('admin.kua-client-users.listofClientusers', ['panel' => Session::get('panel')]) }}";
        var listOfClientBranches = "{{ route('admin.kua-client-users.createandedit', ['panel' => Session::get('panel')]) }}";
    </script>
    <script type="text/javascript" src="{{ asset('js/admin/kua_client_user.js') }}"></script>
    <script type="text/javascript">
        $(document).ready(function() {

            $('#storeClientUserForm').on('submit', function() {
                if ($('#storeClientUserForm').valid()) {
                    $('.submitClientUserForm').addClass('disabled');
                    $('.submitClientUserForm').val('Please Wait...');
                }
            });
        });
    </script>
@endpush