@extends('layouts.app')

@section('content')

    <script type="text/javascript">
        $(document).ready(function(){
            $(".date-picker").datepicker({
                format: '{{config('app.date_format_js')}}'
            });
            $('.btn-delete-cluster').click(function () {
                var id = $(this).attr("clusterId");
                $('#id_cluster').val(id);
            });
            $('.btn-delete-provider').click(function () {
                var id = $(this).attr("providerId");
                $('#id_provider').val(id);
            });
            $('.btn-delete-image').click(function () {
                var id = $(this).attr("imageId");
                $('#id_image').val(id);
            });
            $('.btn-delete-file').click(function () {
                var id = $(this).attr("fileId");
                $('#id_file').val(id);
            });
        });
    </script>

    <form id="form" method="post" action="{{route('update_user')}}" class="form-horizontal" enctype="multipart/form-data">
        {{ csrf_field() }}
        <input type="hidden" id="id_user" name="id_user" value="{{$user->id}}">
        <section class="panel">
            <header class="panel-heading">
                <h2 class="panel-title">{{__('Edit user data')}}:</h2>
            </header>
            <div class="panel-body">
                <div class="form-group">
                    <label class="col-sm-2 col-lg-1 control-label">Username: </label>
                    <div class="col-sm-4 col-lg-4">
                        <input type="text" name="username" class="form-control" placeholder="" id="username" spellcheck="false" value="{{$user->username}}" readonly/>
                    </div>
                    <label class="col-sm-2 col-lg-1 control-label">{{__('Name and surname')}}: </label>
                    <div class="col-sm-4 col-lg-4">
                        <input type="text" name="ime" class="form-control" placeholder="" id="ime" spellcheck="false" value="{{$user->ime.' '.$user->prezime}}" readonly/>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 col-lg-1 control-label">Email: </label>
                    <div class="col-sm-4 col-lg-4">
                        <input type="text" name="email" class="form-control" placeholder="" id="email" spellcheck="false" value="{{$user->email}}" readonly/>
                    </div>
                    <label class="col-sm-2 col-lg-1 control-label">{{__('Role')}}: </label>
                    <div class="col-sm-4 col-lg-4">
                        <select class="form-control populate status-select"  name="role" id="role">
                            <option value="">-- {{__('Role')}} --</option>
                            @foreach($roles as $role)
                                <option value="{{$role->id}}" selected = "selected">{{$role->description}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 col-lg-1 control-label">{{__('Identification no.')}}: </label>
                    <div class="col-sm-4 col-lg-4">
                        <input type="text" name="jmbg" class="form-control" placeholder="" id="jmbg" spellcheck="false" value="{{$user->jmbg}}"/>
                    </div>
                    <label class="col-sm-2 col-lg-1 control-label">{{__('Profession')}}: </label>
                    <div class="col-sm-4 col-lg-4">
                        <input type="text" name="zanimanje" class="form-control" placeholder="" id="zanimanje" spellcheck="false" value="{{$user->zanimanje}}"/>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 col-lg-1 control-label">{{__('Insurance start date')}}: </label>
                    <div class="col-sm-4 col-lg-4">
                        <input type="text" name="datum_pocetka_osiguranja" class="form-control date-picker" placeholder="" id="datum_pocetka_osiguranja" spellcheck="false"
                               value="@if($user->datum_pocetka_osiguranja){{date('d.m.Y.', strtotime($user->datum_pocetka_osiguranja))}}@endif"/>
                    </div>
                    <label class="col-sm-2 col-lg-1 control-label">{{__('Insurance end date')}}: </label>
                    <div class="col-sm-4 col-lg-4">
                        <input type="text" name="datum_prestanka_osiguranja" class="form-control date-picker" placeholder="" id="datum_prestanka_osiguranja" spellcheck="false"
                               value="@if($user->datum_prestanka_osiguranja){{date('d.m.Y.', strtotime($user->datum_prestanka_osiguranja))}}@endif"/>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 col-lg-1 control-label">{{__('Contract')}}: </label>
                    <div class="col-sm-4 col-lg-4">
                        <select class="form-control populate status-select"  name="ugovor[]" id="ugovor">
                            <option value="">-- {{__('Choose contract')}} --</option>
                            @foreach($ugovori as $ug)
                                <option value="{{$ug->id}}" selected = "selected">{{$ug->ugovor}}</option>
                            @endforeach
                        </select>
                    </div>
                    <label class="col-sm-2 col-lg-1 control-label">{{__('Equipment')}}: </label>
                    <div class="col-sm-4 col-lg-4">
                        <select class="form-control populate status-select"  name="oprema[]" id="oprema">
                            <option value="1" @if($user->oprema == 1) {{'selected = "selected"'}} @endif>DA</option>
                            <option value="0" @if($user->oprema != 1) {{'selected = "selected"'}} @endif>NE</option>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 col-lg-1 control-label">{{__('Area')}}: </label>
                    <div class="col-sm-4 col-lg-4">
                        <select class="form-control populate status-select"  name="area" id="area">
                            <option value="">-- {{__('Choose area')}} --</option>
                            @foreach($areas as $area)
                                <option value="{{$area->id}}" selected = "selected">{{$area->area}}</option>
                            @endforeach
                        </select>
                    </div>
                    <label class="col-sm-2 col-lg-1 control-label">Password: </label>
                    <div class="col-sm-4 col-lg-4">
                        <input type="password" name="password" class="form-control" placeholder="Ostaviti prazno ukoliko ne želite da menjate lozinku..." id="password" spellcheck="false" value=""/>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 col-lg-1 control-label">{{__('Provider')}}: </label>
                    <div class="col-sm-4 col-lg-4">
                        <select multiple data-plugin-selectTwo class="form-control populate status-select"  name="provider[]" id="provider">
                            @foreach($providers as $provider)
                                <option value="{{$provider->id}}">{{$provider->provider}}</option>
                            @endforeach
                        </select>
                    </div>
                    <label class="col-sm-2 col-lg-1 control-label">{{__('Cluster')}}: </label>
                    <div class="col-sm-4 col-lg-4">
                        <select multiple data-plugin-selectTwo class="form-control populate status-select"  name="cluster[]" id="cluster">
                            @foreach($clusters as $cluster)
                                <option value="{{$cluster->id}}">{{$cluster->cluster}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 col-lg-1 control-label">{{__('Providers')}}: </label>
                    <div class="col-sm-4 col-lg-4">
                        @foreach ($currentProviders as $provider)
                        <p>{{$provider->provider}}<a href="#deleteProviderModal" class="modal-basic btn-delete-provider" providerId="{{$provider->id}}"><i class="fa fa-trash-o seller-trash"></i></a></p>
                        @endforeach
                    </div>
                    <label class="col-sm-2 col-lg-1 control-label">{{__('Clusters')}}: </label>
                    <div class="col-sm-4 col-lg-4">
                        @foreach ($currentClusters as $cluster)
                            <p>{{$cluster->cluster}}<a href="#deleteClusterModal" class="modal-basic btn-delete-cluster" clusterId="{{$cluster->id}}"><i class="fa fa-trash-o seller-trash"></i></a></p>
                        @endforeach
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 col-lg-1 control-label">{{__('Wage')}}: </label>
                    <div class="col-sm-4 col-lg-4">
                        <input type="text" name="wage" class="form-control" placeholder="" id="wage" spellcheck="false" value="{{$user->wage}}"/>
                    </div>
                    <label class="col-sm-2 col-lg-1 control-label">{{__('Daily wage')}}: </label>
                    <div class="col-sm-4 col-lg-4">
                        <input type="text" name="daily_wage" class="form-control" placeholder="" id="daily_wage" spellcheck="false" value="{{$user->daily_wage}}"/>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 col-lg-1 control-label">{{__('Weekend pay')}}: </label>
                    <div class="col-sm-4 col-lg-4">
                        <input type="text" name="weekend_pay" class="form-control" placeholder="" id="weekend_pay" spellcheck="false" value="{{$user->weekend_pay}}"/>
                    </div>
                    <label class="col-sm-1 control-label">{{__("Subcontractor")}} </label>
                    <div class="col-sm-3">
                        <div class="switch switch-success">
                            <input type="checkbox" name="is_subcontractor" data-plugin-ios-switch @if($user->is_subcontractor == 1) checked @endif/>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-1 control-label">{{__("Images")}}</label>
                    <div class="col-sm-3">
                        <div class="fileupload fileupload-new" data-provides="fileupload">
                            <div class="input-append">
                                <div class="uneditable-input">
                                    <i class="fa fa-file fileupload-exists"></i>
                                    <span class="fileupload-preview"></span>
                                </div>
                                <span class="btn btn-default btn-file">
                                    <span class="fileupload-exists">{{__("Change")}}</span>
                                    <span class="fileupload-new">{{__("Choose file")}}</span>
                                    <input type="file" id="pictures" name="pictures[]" multiple>
                                </span>
                                <a href="#" class="btn btn-default fileupload-exists" data-dismiss="fileupload">{{__("Remove")}}</a>
                            </div>
                        </div>
                    </div>
                    <label class="col-sm-1 control-label">Pdf/Excel/Audio </label>
                    <div class="col-sm-3">
                        <div class="fileupload fileupload-new" data-provides="fileupload">
                            <div class="input-append">
                                <div class="uneditable-input">
                                    <i class="fa fa-file fileupload-exists"></i>
                                    <span class="fileupload-preview"></span>
                                </div>
                                <span class="btn btn-default btn-file">
                                    <span class="fileupload-exists">{{__("Change")}}</span>
                                    <span class="fileupload-new">{{__("Choose file")}}</span>
                                    <input type="file" id="document" name="document"/>
                                </span>
                                <a href="#" class="btn btn-default fileupload-exists" data-dismiss="fileupload">{{__("Remove")}}</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <footer class="panel-footer">
                <div class="row">
                    <div class="col-sm-12 btn-confirmation">
                        <button class="btn btn-primary" type="submit">{{__('Save')}} <i class="fa fa-save"></i></button>
                        <a href="{{route('show_user', ['id_user' => $user->id])}}" class="btn btn-default">{{__('Cancel')}}</a>
                    </div>
                </div>
            </footer>
        </section>
    </form>

    @if(!empty($images[0]))
        <section class="panel">
            <header class="panel-heading panel-align">
                <h2 class="panel-title">{{__("Images")}}</h2>
            </header>
            <div class="panel-body">
                @foreach($images as $img)
                    <div class="col-md-2" style="overflow: auto;">
                        <div class="popup-gallery">
                            <a class="pull-left mb-xs mr-xs" href="{{$img->image_url}}" 
                                title="{{date('d.m.Y. H:i:s',strtotime($img->created_at))}}" rel="group1">
                                <div class="img-responsive img-447">
                                    <img src="{{$img->image_url}}" width="105">
                                </div>
                            </a>
                        </div>
                        <div class="btn-group" style="text-align: center;">
                            <a href="#deleteImageModal" class="modal-basic mb-xs mt-xs mr-xs btn btn-danger btn-delete-image" imageId="{{$img->id}}"><i class="fa fa-trash-o"></i></a>
                            <button type="button" class="mb-xs mt-xs mr-xs btn btn-info btn-rotate-image" imageId="{{$img->id}}" data-param="sp"><i class="fa fa-rotate-right"></i></button>
                        </div>
                    </div>
                @endforeach
            </div>
        </section>
    @endif
    @if(!$files->isEmpty())
        <section class="panel">
            <header class="panel-heading panel-align">
                <h2 class="panel-title">{{__("Files")}}</h2>
            </header>
            <div class="panel-body">
                @foreach($files as $file)
                    <div class="col-md-2" style="overflow: auto;">
                        <a class="pull-left mb-xs mr-xs" href="{{$file->file_url}}" download>{{$file->file_name}}</a>
                        <a href="#deleteFileModal" class="modal-basic mb-xs mt-xs mr-xs btn-delete-file" style="color:red" fileId="{{$file->id}}"><i class="fa fa-trash-o"></i></a>
                    </div>
                @endforeach
            </div>
        </section>
    @endif

    <div id="deleteClusterModal" class="modal-block modal-header-color modal-block-danger mfp-hide">
        <form name="delete-form" method="post" action="{{route('destroy_cluster')}}">
            <input type="hidden" name="_method" value="delete">
            <input type="hidden" name="id_cluster" value="" id="id_cluster">
            {{ csrf_field() }}
            <section class="panel">
                <header class="panel-heading">
                    <h2 class="panel-title">{{__("Notice")}}!</h2>
                </header>
                <div class="panel-body">
                    <div class="modal-wrapper">
                        <div class="modal-icon">
                            <i class="fa fa-trash-o"></i>
                        </div>
                        <div class="modal-text">
                            <h4>{{__("Deletion")}}</h4>
                            <p>{{__("Are you sure you want to delete data?")}}</p>
                        </div>
                    </div>
                </div>
                <footer class="panel-footer">
                    <div class="row">
                        <div class="col-md-12 text-right">
                            <button class="btn btn-danger" type="submit">{{__('YES')}}</button>
                            <button class="btn btn-default modal-dismiss">{{__('NO')}}</button>
                        </div>
                    </div>
                </footer>
            </section>
        </form>
    </div>
    <div id="deleteProviderModal" class="modal-block modal-header-color modal-block-danger mfp-hide">
        <form name="delete-form" method="post" action="{{route('destroy_provider')}}">
            <input type="hidden" name="_method" value="delete">
            <input type="hidden" name="id_provider" value="" id="id_provider">
            {{ csrf_field() }}
            <section class="panel">
                <header class="panel-heading">
                    <h2 class="panel-title">{{__("Notice")}}!</h2>
                </header>
                <div class="panel-body">
                    <div class="modal-wrapper">
                        <div class="modal-icon">
                            <i class="fa fa-trash-o"></i>
                        </div>
                        <div class="modal-text">
                            <h4>{{__("Deletion")}}</h4>
                            <p>{{__("Are you sure you want to delete data?")}}</p>
                        </div>
                    </div>
                </div>
                <footer class="panel-footer">
                    <div class="row">
                        <div class="col-md-12 text-right">
                            <button class="btn btn-danger" type="submit">{{__('YES')}}</button>
                            <button class="btn btn-default modal-dismiss">{{__('NO')}}</button>
                        </div>
                    </div>
                </footer>
            </section>
        </form>
    </div>
    <div id="deleteImageModal" class="modal-block modal-header-color modal-block-danger mfp-hide">
        <form name="delete-form" method="post" action="{{route('delete_usr_image', 'usr')}}">
            <input type="hidden" name="id_image" id="id_image">
            <input type="hidden" name="id_user" id="id_user" value="{{$user->id}}">
            {{ method_field('delete') }}
            {{ csrf_field() }}
            <section class="panel">
                <header class="panel-heading">
                    <h2 class="panel-title">{{__("Notice")}}!</h2>
                </header>
                <div class="panel-body">
                    <div class="modal-wrapper">
                        <div class="modal-icon">
                            <i class="fa fa-times-circle"></i>
                        </div>
                        <div class="modal-text">
                            <h4>{{__("Deletion")}}</h4>
                            <p>{{__("Are you sure you want to delete image?")}}</p>
                        </div>
                    </div>
                </div>
                <footer class="panel-footer">
                    <div class="row">
                        <div class="col-md-12 text-right">
                            <button class="btn btn-danger" type="submit">{{__('YES')}}</button>
                            <button class="btn btn-default modal-dismiss">{{__('NO')}}</button>
                        </div>
                    </div>
                </footer>
            </section>
        </form>
    </div>
    <div id="deleteFileModal" class="modal-block modal-header-color modal-block-danger mfp-hide">
        <form name="delete-form" method="post" action="{{route('delete_file')}}">
            <input type="hidden" name="id_file" id="id_file">
            <input type="hidden" name="param" id="param" value="usr">
            {{ method_field('delete') }}
            {{ csrf_field() }}
            <section class="panel">
                <header class="panel-heading">
                    <h2 class="panel-title">{{__("Notice")}}!</h2>
                </header>
                <div class="panel-body">
                    <div class="modal-wrapper">
                        <div class="modal-icon">
                            <i class="fa fa-times-circle"></i>
                        </div>
                        <div class="modal-text">
                            <h4>{{__("Deletion")}}</h4>
                            <p>{{__("Are you sure you want to delete file?")}}</p>
                        </div>
                    </div>
                </div>
                <footer class="panel-footer">
                    <div class="row">
                        <div class="col-md-12 text-right">
                            <button class="btn btn-danger" type="submit">{{__('YES')}}</button>
                            <button class="btn btn-default modal-dismiss">{{__('NO')}}</button>
                        </div>
                    </div>
                </footer>
            </section>
        </form>
    </div>

@endsection