@extends('layouts.agent')
@section('content')

<div class="container p-5">
    <div class="row">
        <div class="col-md-4 mb-3">
            @include('partials.agent.profile.nav')
        </div>
        <div class="col-md-8">
            <div class="card mb-3 bg-primary">
                <div class="card-header">
                    {{ trans('global.my_profile') }}
                </div>
                <div class="card-body">
                    <form action="{{ route("agent.profile.update") }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <div class="row">
                            <div class="col-sm-3">
                              <h6 class="mb-0">{{ trans('cruds.agent.fields.name') }}</h6>
                            </div>
                            <div class="col-sm-9 text-secondary">
                                <input class="form-control {{ $errors->has('name') ? 'is-invalid' : '' }}" type="text" name="name" id="name" value="{{ old('name', auth()->user()->name) }}" required>
                                @if($errors->has('name'))
                                    <div class="invalid-feedback">
                                        {{ $errors->first('name') }}
                                    </div>
                                @endif
                            </div>
                        </div>
                        <hr>
                        <div class="row">
                            <div class="col-sm-3">
                              <h6 class="mb-0">{{ trans('cruds.agent.fields.email') }}</h6>
                            </div>
                            <div class="col-sm-9 text-secondary">
                                <input class="form-control {{ $errors->has('email') ? 'is-invalid' : '' }}" type="email" name="email" id="email" value="{{ old('email', auth()->user()->email) }}" required>
                                @if($errors->has('email'))
                                    <div class="invalid-feedback">
                                        {{ $errors->first('email') }}
                                    </div>
                                @endif
                            </div>
                        </div>
                        <hr>
                        {{-- <div class="row">
                            <div class="col-sm-3">
                              <h6 class="mb-0">{{ trans('cruds.agent.fields.phone') }}</h6>
                            </div>
                            <div class="col-sm-9 text-secondary">
                                <input class="form-control {{ $errors->has('phone') ? 'is-invalid' : '' }}" type="text" name="phone" id="phone" value="{{ old('phone', auth()->user()->phone) }}" required>
                                @if($errors->has('phone'))
                                    <div class="invalid-feedback">
                                        {{ $errors->first('phone') }}
                                    </div>
                                @endif
                            </div>
                        </div>
                        <hr> --}}
                        <div class="row">
                            <div class="col-sm-3">
                              <h6 class="mb-0">{{ trans('cruds.agent.fields.ic_number') }}</h6>
                            </div>
                            <div class="col-sm-9 text-secondary">
                                <input class="form-control {{ $errors->has('ic_number') ? 'is-invalid' : '' }}" type="text" name="ic_number" id="ic_number" value="{{ old('ic_number', auth()->user()->ic_number) }}" required>
                                @if($errors->has('ic_number'))
                                    <div class="invalid-feedback">
                                        {{ $errors->first('ic_number') }}
                                    </div>
                                @endif
                            </div>
                        </div>
                        <hr>
                        {{-- <div class="row">
                            <div class="col-sm-3">
                              <h6 class="mb-0">{{ trans('cruds.agent.fields.dob') }}</h6>
                            </div>
                            <div class="col-sm-9 text-secondary">
                                <input class="form-control date {{ $errors->has('dob') ? 'is-invalid' : '' }}" type="text" name="dob" id="dob" value="{{ old('dob', auth()->user()->dob) }}" required>
                                @if($errors->has('dob'))
                                    <div class="invalid-feedback">
                                        {{ $errors->first('dob') }}
                                    </div>
                                @endif
                            </div>
                        </div>
                        <hr> --}}
                        {{-- <div class="row">
                            <div class="col-sm-3">
                              <h6 class="mb-0">{{ trans('cruds.agent.fields.shipping_address') }}</h6>
                            </div>
                            <div class="col-sm-9 text-secondary">
                                <input class="form-control {{ $errors->has('shipping_address') ? 'is-invalid' : '' }}" type="text" name="shipping_address" id="shipping_address" value="{{ old('shipping_address', auth()->user()->shipping_address) }}" required>
                                @if($errors->has('shipping_address'))
                                    <div class="invalid-feedback">
                                        {{ $errors->first('shipping_address') }}
                                    </div>
                                @endif
                            </div>
                        </div>
                        <hr>
                        <div class="row">
                            <div class="col-sm-3">
                              <h6 class="mb-0">{{ trans('cruds.agent.fields.state') }}</h6>
                            </div>
                            <div class="col-sm-9 text-secondary">
                                <select class="custom-select select2 {{ $errors->has('state_id') ? 'is-invalid' : '' }}" name="state_id" id="state_id" required>
                                    @foreach($states as $id => $entry)
                                        <option value="{{ $id }}" {{ (old('state_id') ? old('state_id') : auth()->user()->state_id ?? '') == $id ? 'selected' : '' }}>{{ $entry }}</option>
                                    @endforeach
                                </select>
                                @if($errors->has('state_id'))
                                    <div class="invalid-feedback">
                                        {{ $errors->first('state_id') }}
                                    </div>
                                @endif
                            </div>
                        </div>
                        <hr>
                        <div class="row">
                            <div class="col-sm-3">
                              <h6 class="mb-0">{{ trans('cruds.agent.fields.city') }}</h6>
                            </div>
                            <div class="col-sm-9 text-secondary">
                                <select class="custom-select select2 {{ $errors->has('city_id') ? 'is-invalid' : '' }}" name="city_id" id="city_id" required>
                                    @foreach($cities as $id => $entry)
                                        <option value="{{ $id }}" {{ (old('city_id') ? old('city_id') : auth()->user()->city_id ?? '') == $id ? 'selected' : '' }}>{{ $entry }}</option>
                                    @endforeach
                                </select>
                                @if($errors->has('city_id'))
                                    <div class="invalid-feedback">
                                        {{ $errors->first('city_id') }}
                                    </div>
                                @endif
                            </div>
                        </div>
                        <hr> --}}
                        <div class="row">
                            <div class="col-sm-3">
                              <h6 class="mb-0">{{ trans('cruds.agent.fields.company_sign') }}</h6>
                            </div>
                            <div class="col-sm-9 text-secondary">
                                <div>
                                    <input type="file" class="text-black form-control-file {{ $errors->has('upload_company_sign') ? ' is-invalid' : '' }}" name="upload_company_sign" id="upload_company_sign" onchange="Filevalidation(this, event)" />
                                    <small class="text-black">Accepted files : PDF, JPG, PNG (2MB file size is maximum)</small>
                                </div>
                                <div>
                                    @if(empty(auth()->user()->upload_company_sign_path))
                                        <img src="{{ asset('assets/SysImg/preview.png') }}" height="300" width="300" id="preview-img-ic" alt="Image preview..." class="img-fluid">
                                    @else
                                        <img src="{{ auth()->user()->photo_company_sign_url }}" height="300" width="300" id="preview-img-ic" alt="{{ auth()->user()->upload_company_sign_path }}" class="img-fluid">
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12">
                                <button class="btn btn-secondary" type="submit">{{ trans('global.save') }}</button>
                                <a class="btn btn-danger " href="{{ route('agent.profile.index') }}">{{ trans('global.back') }}</a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script type="text/javascript">
    $(function(){
        Filevalidation = (ele, evt) => {
            let preview = $(ele).parent().next('div').find('img');

            const fi = evt.target.files;

            // use the 1st file from the list
            let file = fi[0];
            
            let reader = new FileReader();

            reader.readAsDataURL(file);

            // Closure to capture the file information.
            reader.onload = (function(theFile) {

                return function(e) {
                    const fsize = theFile.size;
                    const file = Math.round((fsize / 1024));
                    // The size of the file.
                    if (file >= 2048) {
                        alert(
                          "File too Big, please select a file less than 2mb");

                        ele.value = '';
                        $(preview).attr('src', '../assets/SysImg/preview.png')
                    }
                    else
                    {
                        $(preview).attr('src', reader.result)
                        preview.src = reader.result;
                    }
                };
            })(file);
            // Read in the image file as a data URL
        }
    })
</script>
@endsection