@extends('employee.employee-layouts.master')

@section('content')

<div class="container-fluid">
    <form method="POST" action="{{ route('employee.edit', @$profile->id) }}" enctype="multipart/form-data">
        @csrf
        <div class="card">
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        <div class="row justify-content-start align-items-center">

                            <div class="col-md-5">
                                <img src="{{ asset('assets/files/uploads/' . @$profile->emp_info->avatar) }}"
                                    class="rounded w-100" id="employee_edit_img">
                            </div>
                            <div class="col-md-7">
                                <input name="photo" id="employee_edit_input" class="form-control" type="file">
                            </div>





                        </div>
                    </div>
                    <div class="col-md-6 text-right">
                        <input value="Update Profile" type="submit" class="btn btn-sm btn-primary">
                    </div>
                </div>
            </div>

        </div>
        <div class="row mt-4">
            <div class="col-md-6">
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="form-group row">
                                    <label for="" class="col-sm-3">{{ __('Full Name') }}</label>
                                    <div class="col-sm-9">
                                        <input type="text" class="form-control" name="full_name"
                                            value="{{ @$profile->name }}">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <input type="hidden" name="user_id" value="{{ $profile->id }}">
                        <div class="form-group row">
                            <div class="col-sm-3">
                                <h6 class="mb-0">{{ __('Email') }}</h6>
                            </div>
                            <div class="col-sm-9 text-secondary">
                                <input name="email" class="form-control" type="text"
                                    value="{{ @$profile->email }}">
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-sm-3">
                                <h6 class="mb-0">{{ __('Mobile') }}</h6>
                            </div>
                            <div class="col-sm-9 text-secondary">
                                <input name="contact" class="form-control" type="number"
                                    value="{{ @$profile->emp_info->contact }}">
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-sm-3">
                                <h6 class="mb-0">{{ __('Age') }}</h6>
                            </div>
                            <div class="col-sm-9 text-secondary">
                                <input name="age" class="form-control" type="number"
                                    value="{{ @$profile->emp_info->age }}">
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-sm-3">
                                <h6 class="mb-0">{{ __('Emergency Contact') }}</h6>
                            </div>
                            <div class="col-sm-9 text-secondary">
                                <input name="emergency_contact" class="form-control" type="number"
                                    value="{{ @$profile->emp_info->emergency_contact }}">
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-sm-3">
                                <h6 class="mb-0">{{ __('Gender') }} </h6>
                            </div>
                            <div class="col-sm-9 text-secondary">
                                <select name="gender" class="form-control">
                                    <option value="">-select-</option>
                                    <option value="male"
                                        {{ @$profile->emp_info->gender == 'male' ? 'selected' : '' }}>Male
                                    </option>
                                    <option value="female"
                                        {{ @$profile->emp_info->gender == 'female' ? 'selected' : '' }}>Female
                                    </option>
                                </select>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-3">
                                <h6 class="mb-0">{{ __('Marital Status') }}</h6>
                            </div>
                            <div class="col-sm-9 text-secondary">
                                <select name="marital_status" class="form-control">
                                    <option value="">-select-</option>
                                    <option value="married"
                                        {{ @$profile->emp_info->marital_status == 'married' ? 'selected' : '' }}>
                                        {{ __('Married') }}</option>
                                    <option value="single"
                                        {{ @$profile->emp_info->marital_status == 'single' ? 'selected' : '' }}>
                                        {{ __('Single') }}</option>
                                    <option value="separeted"
                                        {{ @$profile->emp_info->marital_status == 'separeted' ? 'selected' : '' }}>
                                        {{ __('Separeted') }}</option>

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

            </div>
            <div class="col-md-6">
                <div class="card">
                    <div class="card-body">
                        <div class="form-group row">
                            <div class="col-sm-3">
                                <h6 class="mb-0">{{ __('Date of Birth') }}</h6>
                            </div>
                            <div class="col-sm-9 text-secondary">
                                <input name="dob" class="form-control" type="date"
                                    value="{{ @$profile->emp_info->dob }}" />
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-sm-3">
                                <h6 class="mb-0">{{ __('Present Address') }}</h6>
                            </div>
                            <div class="col-sm-9 text-secondary">
                                <input name="present_address" class="form-control" type="text"
                                    value="{{ @$profile->emp_info->present_address }}">
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-sm-3">
                                <h6 class="mb-0">{{ __('Permanent Address') }}</h6>
                            </div>
                            <div class="col-sm-9 text-secondary">
                                <input name="permanent_address" class="form-control" type="text"
                                    value="{{ @$profile->emp_info->permanent_address }}">
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-sm-3">
                                <h6 class="mb-0">{{ __('NID Number') }}</h6>
                            </div>
                            <div class="col-sm-9 text-secondary">
                                <input name="nid" class="form-control" type="number"
                                    value="{{ @$profile->emp_info->nid }}">
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <input type="hidden" name="removeitem" value="">
            <div class="col-md-12 mt-4">
                <div class="card">
                    <div class="card-header text-right">
                        <button type="button" class="btn btn-success add"> <i class="fa fa-plus"></i>
                            {{ __('Add Attachements') }}</button>
                    </div>
                    <div class="card-body appear">
                        @if($profile->emp_info->attachment != null)
                        @if(count($profile->emp_info->attachment) > 0 )

                        @foreach ($profile->emp_info->attachment as $key =>  $item)
                            
                        <div class="row removeEL my-5">
                            <div class="col-md-12">
                                <button type="button" data-id="{{$key}}" class="btn btn-danger remove"><i class="fa fa-times"></i></button>
                            </div>
                            <div class="col-md-6">
                                <label for="">{{ __('Attachment Title') }}</label>
                                <input type="text" name="attachement[{{$key}}][title]" class="form-control" value="{{@$item['title']}}">
                            </div>

                            <div class="col-md-6">
                                <label for="">{{ __('Attachment') }}</label>
                                <input type="file" name="attachement[{{$key}}][file]" class="form-control">
                            </div>
                        </div>
                        @endforeach
                        @endif
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>
@endsection


@push('script')

    <script>
        'use strict'

        let i = "{{count($profile->emp_info->attachment != null ? $profile->emp_info->attachment : []) + 1}}";
        $('.add').on('click', function() {
            let html = `

                                <div class="row my-5 removeEL">
                                    <div class="col-md-12">
                                        <button type="button" class="btn btn-danger remove"><i class="fa fa-times"></i></button>
                                    </div>
                                    <div class="col-md-6">
                                        <label for="">{{ __('Attachment Title') }}</label>
                                        <input type="text" name="attachement[${i}][title]" class="form-control" required>
                                    </div> 
                                    
                                    <div class="col-md-6">
                                        <label for="">{{ __('Attachment') }}</label>
                                        <input type="file" name="attachement[${i}][file]" class="form-control" required>
                                    </div>
                                </div>
            
            `;

            $('.appear').append(html)

            i++;
        });

        let ids = [];

        $(document).on('click','.remove',function(){
            ids.push($(this).data('id'));

            $('input[name=removeitem]').val(ids);

            $(this).closest('.removeEL').remove();
        })
       
    </script>

@endpush