@extends('admin.layouts.main')

@section('title')
@if($edit)
Edit Client User
@else
Add Client 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('client_user.directory') }}</a></li>
                    <li aria-current="page" class="breadcrumb-item active"><a href="{{route('admin.client-users.index', ['panel' => Session::get('panel')])}}"> {{ @trans('client_user.client_users') }}</a></li>
                    @if($edit)
                    <li aria-current="page" class="breadcrumb-item active">{{ @trans('client_user.edit_client_user') }}</li>
                    @else
                    <li aria-current="page" class="breadcrumb-item active">{{ @trans('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.client-users.store',['panel' => Session::get('panel')]) }}">

                                    @csrf

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

                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('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('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('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('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('client_user.client') }}
                                                        <span class="required">*</span>
                                                    </label>
                                                    <select id="client_id" name="client_id" class="form-control">
                                                        <option value="">{{ @trans('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>

                                    <div class="tab-btn">
                                        <div style="float: left;">
                                            <a href="{{url()->previous()}}" class="btn btn-cncl">{{ @trans('client_user.cancel') }}</a>
                                        </div>
                                        <div style="float:right;">
                                            <input type="submit" class="btn step-btn submitClientUserForm" value="{{ @trans('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.client-users.listofClientusers',['panel' => Session::get('panel')])}}";
</script>
<script type="text/javascript" src="{{ asset('js/admin/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