@extends('layouts.app')

@section('content')

    @if($userId == $klijent->id_user || $isAdmin || $userId == $klijent->id_user_reklamacije)
        <script type="text/javascript">
            $(document).ready(function () {
                @if(!$isAdmin)
                document.getElementById('ime'). readOnly = true;
                document.getElementById('prezime'). readOnly = true;
                document.getElementById('tel1'). readOnly = true;
                document.getElementById('tel2'). readOnly = true;
                document.getElementById('tel3'). readOnly = true;
                document.getElementById('tis_id'). readOnly = true;
                document.getElementById('zahtev_uneo'). readOnly = true;
                document.getElementById('adresa'). readOnly = true;
                document.getElementById('zahtev'). readOnly = true;
                document.getElementById('prodavac'). readOnly = true;
                document.getElementById('datum_zahteva'). readOnly = true;
                document.getElementById('broj_bodova'). readOnly = true;
                $('#monter_reklamacije').prop('disabled', true);
                $('#user').prop('disabled', true);
                $('#origin').prop('disabled', true);
                @endif

                $('.btn-delete-image').click(function () {
                    var id = $(this).attr("imageId");
                    $('#id_image').val(id);
                });

                $('.btn-delete-doc').click(function () {
                    var id = $(this).attr("docId");
                    $('#id_doc').val(id);
                });

                $('.btn-delete-video').click(function () {
                    var id = $(this).attr("videoId");
                    $('#id_video').val(id);
                });

                $('.btn-delete-napomena').click(function () {
                    var id = $(this).attr("napomenaId");
                    $('#id_napomena').val(id);
                });
                $('.btn-delete-supervisor-comment').click(function () {
                    var id = $(this).attr("commentId");
                    $('#id_comment').val(id);
                });
                $('.btn-delete-device').click(function () {
                    var id = $(this).attr("montiranId");
                    $('#id_montiran').val(id);
                });
                $('.btn-delete-equipment').click(function () {
                    var id = $(this).attr("equipmentId");
                    var createdAt = $(this).attr("createdAt");
                    $('#id_oprema').val(id);
                    $('#created_at').val(createdAt);
                });
                $('.btn-delete-file').click(function () {
                    var id = $(this).attr("fileId");
                    $('#id_file').val(id);
                });
            });
            $(function() {
                if($('#status').val() != 1)
                    $('.status-zakazan').hide();
                if($('#status').val() != 2)
                    $('.status-odlozen').hide();
                $('#status').change(function(){
                    if($('#status').val() == 1) {
                        $('.status-zakazan').show();
                    } else {
                        $('.status-zakazan').hide();
                        $('#datum_zakazivanja').val('');
                        $('#vreme').val('');
                    }
                    if($('#status').val() == 2) {
                        $('.status-odlozen').show();
                    } else {
                        $('.status-odlozen').hide();
                        $('#datum_odlaganja').val('');
                        $('#vreme').val('');
                    }
                });
            });

        </script>

        <form id="form" method="post" action="{{ route('klijentiOptika.update', [$klijent->id]) }}" class="form-horizontal" enctype="multipart/form-data">
            {{ csrf_field() }}
            <input type="hidden" name="_method" value="put">
            <section class="panel">
                <header class="panel-heading">
                    <div class="panel-actions">
                        <a href="{{route('klijentiOptika.index').'/'.$klijent->id}}"><button type="button" class="btn btn-info"><i class="fa fa-info-circle"></i></button></a>
                        <button type="submit" class="btn btn-primary">{{__("Save")}} <i class="fa fa-save"></i></button>
                    </div>

                    <h2 class="panel-title">{{__("Edit")}} </h2>
                </header>
                <div class="panel-body">
                    <div class="form-group">
                        <label class="col-sm-1 control-label">{{__("Name")}} <span class="required">*</span></label>
                        <div class="col-sm-3">
                            <input type="text" name="ime" class="form-control" placeholder="" id="ime" spellcheck="false" value="{{$klijent->ime}}"/>
                        </div>
                        <label class="col-sm-1 control-label">{{__("Surname")}} <span class="required">*</span></label>
                        <div class="col-sm-3">
                            <input type="text" name="prezime" class="form-control" placeholder="" id="prezime" spellcheck="false" value="{{$klijent->prezime}}"/>
                        </div>
                        <label class="col-sm-1 control-label">{{__("Request created by")}} </label>
                        <div class="col-sm-3">
                            <input type="text" name="zahtev_uneo" class="form-control" placeholder="" id="zahtev_uneo" spellcheck="false" value="{{$klijent->zahtev_uneo}}"/>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-1 control-label">TIS ID </label>
                        <div class="col-sm-3">
                            <input type="text" name="tis_id" class="form-control" placeholder="" id="tis_id" spellcheck="" value="{{$klijent->tis_id}}"/>
                        </div>
                        <label class="col-sm-1 control-label">{{__("Address")}} </label>
                        <div class="col-sm-3">
                            <input type="text" name="adresa" class="form-control" placeholder="" id="adresa" spellcheck="" value="{{$klijent->adresa}}"/>
                        </div>
                        <label class="col-sm-1 control-label">{{__("Landline phone")}} </label>
                        <div class="col-sm-3">
                            <input type="text" name="tel1" class="form-control" placeholder="" id="tel1" spellcheck="false" value="{{$klijent->tel1}}"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-1 control-label">{{__("Phone")}} 2 </label>
                        <div class="col-sm-3">
                            <input type="text" name="tel2" class="form-control" placeholder="" id="tel2" spellcheck="false" value="{{$klijent->tel2}}"/>
                        </div>
                        <label class="col-sm-1 control-label">{{__("Phone")}} 3 </label>
                        <div class="col-sm-3">
                            <input type="text" name="tel3" class="form-control" placeholder="" id="tel3" spellcheck="" value="{{$klijent->tel3}}"/>
                        </div>
                        <label class="col-sm-1 control-label">{{__("Direction")}}</label>
                        <div class="col-sm-3">
                            <input type="text" name="direction" class="form-control" placeholder="" id="direction" spellcheck="false" value="{{$klijent->zahtev}}"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-1 control-label">{{__("Seller")}} </label>
                        <div class="col-sm-3">
                            <input type="text" name="prodavac" class="form-control" placeholder="" id="prodavac" spellcheck="false" value="{{$klijent->prodavac}}"/>
                        </div>
                        <label class="col-sm-1 control-label">{{__("Request date")}} </label>
                        <div class="col-sm-3">
                            <div class="input-group">
                            <span class="input-group-addon">
                                <i class="fa fa-calendar"></i>
                            </span>
                                <input type="text" name="datum_zahteva" class="form-control date-picker" placeholder="" id="datum_zahteva"  spellcheck="" value="@if($klijent->datum_zahteva) {{date('d.m.Y.', strtotime($klijent->datum_zahteva))}} @endif"/>
                            </div>
                        </div>
                        <label class="col-sm-1 control-label">{{__("Points")}} </label>
                        <div class="col-sm-3">
                            <input type="text" name="broj_bodova" class="form-control" placeholder="" id="broj_bodova" spellcheck="false" value="{{$klijent->broj_bodova}}"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-1 control-label">{{__("Withdrawal reason")}}</label>
                        <div class="col-sm-3">
                            <textarea name="razlog_odustajanja" rows="5" class="form-control" placeholder="" id="razlog_odustajanja" spellcheck="false">{{$klijent->razlog_odustajanja}}</textarea>
                        </div>
                        <label class="col-sm-1 control-label">{{__("Note")}}</label>
                        <div class="col-sm-3">
                            <textarea name="napomena" rows="5" class="form-control" placeholder="" id="napomena" spellcheck="false"></textarea>
                        </div>
                        <label class="col-sm-1 control-label">{{__("Assigned to fitter")}} </label>
                        <div class="col-sm-3">
                            <select name="user[]" id="user" data-plugin-selectTwo class="form-control populate">
                                <option value="">-- {{__("Fitter")}} --</option>
                                @foreach($monteri as $user)
                                    <option value="{{$user->id}}" selected = "selected">{{$user->ime.' '.$user->prezime}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-1 control-label">{{__("Project")}} </label>
                        <div class="col-sm-3">
                            <input type="text" name="project" class="form-control" placeholder="" id="project" spellcheck="false" value="{{$klijent->podrucje}}"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-1 control-label">{{__("Status")}} </label>
                        <div class="col-sm-3">
                            <select class="form-control populate status-select"  name="status" id="status">
                                <option value="">-- {{__("Status")}} --</option>
                                @foreach($statusi as $s)
                                    <option value="{{$s->id}}" selected = "selected">{{$s->status}}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="status-zakazan">
                            <label class="col-sm-1 control-label">{{__("Appointment date")}}</label>
                            <div class="col-sm-3">
                                <div class="input-group">
                                <span class="input-group-addon">
                                    <i class="fa fa-calendar"></i>
                                </span>
                                    <input type="text" name="datum_zakazivanja" class="form-control date-picker" placeholder="" id="datum_zakazivanja" value="@if($klijent->datum_zakazivanja) {{date('d.m.Y.', strtotime($klijent->datum_zakazivanja))}} @endif" spellcheck=""/>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="input-group">
                                <span class="input-group-addon">
                                    <i class="fa fa-clock-o"></i>
                                </span>
                                    <input type="text" data-plugin-timepicker class="form-control" data-plugin-options='{ "showMeridian": false }' id="vreme" name="vreme" value="@if($klijent->datum_zakazivanja){{date('H:i', strtotime($klijent->datum_zakazivanja))}} @endif">
                                </div>
                            </div>
                        </div>
                        <div class="status-odlozen">
                            <label class="col-sm-1 control-label">{{__("Delay date")}}</label>
                            <div class="col-sm-3">
                                <div class="input-group">
                                <span class="input-group-addon">
                                    <i class="fa fa-calendar"></i>
                                </span>
                                    <input type="text" name="datum_odlaganja" class="form-control date-picker" placeholder="" id="datum_odlaganja" value="@if($klijent->datum_odlaganja) {{date('d.m.Y.', strtotime($klijent->datum_odlaganja))}} @endif" spellcheck=""/>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="input-group">
                                <span class="input-group-addon">
                                    <i class="fa fa-clock-o"></i>
                                </span>
                                    <input type="text" data-plugin-timepicker class="form-control" data-plugin-options='{ "showMeridian": false }' id="vreme2" name="vreme2" value="@if($klijent->datum_odlaganja){{date('H:i', strtotime($klijent->datum_odlaganja))}} @endif">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-1 control-label">{{__("Withdrawal date")}} </label>
                        <div class="col-sm-3">
                            <div class="input-group">
                            <span class="input-group-addon">
                                <i class="fa fa-calendar"></i>
                            </span>
                                <input type="text" name="datum_odustajanja" class="form-control date-picker" placeholder="" id="datum_odustajanja" value="@if($klijent->datum_odustajanja) {{date('d.m.Y.', strtotime($klijent->datum_odustajanja))}} @endif" spellcheck="false"/>
                            </div>
                        </div>
                        <label class="col-sm-1 control-label">{{__("Montage date")}} </label>
                        <div class="col-sm-3">
                            <div class="input-group">
                            <span class="input-group-addon">
                                <i class="fa fa-calendar"></i>
                            </span>
                                <input type="text" name="datum_montaze" class="form-control date-picker" placeholder="" id="datum_montaze" value="@if($klijent->datum_montaze) {{date('d.m.Y.', strtotime($klijent->datum_montaze))}} @endif" spellcheck=""/>
                            </div>
                        </div>
                        <label class="col-sm-1 control-label">{{__("Montage type")}} </label>
                        <div class="col-sm-3 @if($errors->has('tip_montaze')){{'has-error'}} @endif">
                            <select name="tip_montaze" id="tip_montaze" data-plugin-selectTwo class="form-control populate">
                                <option value="">-- {{__("Montage type")}} --</option>
                                @foreach($tipovi_montaze as $tip)
                                    <option value="{{$tip->id}}" selected = "selected">{{$tip->tip}}</option>
                                @endforeach
                            </select>
                            @if($errors->has('tip_montaze'))
                                <label for="ime" class="error">{{$errors->first('tip_montaze')}}</label>
                            @endif
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-1 control-label">{{__("Intervention status")}} </label>
                        <div class="col-sm-3">
                            <select class="form-control populate status-select"  name="status_intervencije[]" id="status_intervencije">
                                <option value="">-- {{__("Status")}} --</option>
                                @foreach($statusiIntervencije as $stinv)
                                    <option value="{{$stinv->id}}" selected = "selected">{{$stinv->status}}</option>
                                @endforeach
                            </select>
                        </div>
                        <label class="col-sm-1 control-label">{{__("Intervention date")}}</label>
                        <div class="col-sm-3">
                            <div class="input-group">
                                <span class="input-group-addon">
                                    <i class="fa fa-calendar"></i>
                                </span>
                                <input type="text" name="datum_intervencije" class="form-control date-picker" placeholder="" id="datum_intervencije" value="@if($klijent->datum_intervencije) {{date('d.m.Y.', strtotime($klijent->datum_intervencije))}} @endif" spellcheck=""/>
                            </div>
                        </div>
                        <label class="col-sm-1 control-label">{{__('Origin')}} </label>
                        <div class="col-sm-3">
                            <select name="origin" id="origin" class="form-control populate">
                                <option value="">-- {{__('Origin')}} --</option>
                                @foreach($origin as $o)
                                    <option value="{{$o->id}}" selected = "selected">{{$o->origin}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-1 control-label">{{__("Reclamation")}} - {{__("fitter")}} </label>
                        <div class="col-sm-3">
                            <select class="form-control populate status-select"  name="monter_reklamacije[]" id="monter_reklamacije">
                                <option value="">-- {{__("Fitter")}} --</option>
                                @foreach($monteri as $monter)
                                    <option value="{{$monter->id}}" selected = "selected">{{$monter->ime.' '.$monter->prezime}}</option>
                                @endforeach
                            </select>
                        </div>
                        <label class="col-sm-1 control-label">{{__("Reclamation date")}}</label>
                        <div class="col-sm-3">
                            <div class="input-group">
                                <span class="input-group-addon">
                                    <i class="fa fa-calendar"></i>
                                </span>
                                <input type="text" name="datum_reklamacije" class="form-control date-picker" placeholder="" id="datum_reklamacije" value="@if($klijent->datum_reklamacije) {{date('d.m.Y.', strtotime($klijent->datum_reklamacije))}} @endif" spellcheck=""/>
                            </div>
                        </div>
                        <label class="col-sm-1 control-label">{{__("Extra STB")}}</label>
                        <div class="col-sm-3 @if($errors->has('extra_stb')){{'has-error'}} @endif">
                            <input type="text" name="extra_stb" class="form-control" placeholder="" id="extra_stb" spellcheck="false" value="{{$klijent->extra_stb}}"/>
                            @if($errors->has('extra_stb'))
                                <label for="extra_stb" class="error">{{$errors->first('extra_stb')}}</label>
                            @endif
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-4">
                            <a class="modal-with-form" href="#modalAddDevice"><button type="button" class="btn btn-info inline-btn">{{__("Add device")}} <i class="fa fa-plus"></i></button></a>
                        </div>
                        <div class="col-sm-4">
                            <a class="modal-with-form" href="#modalOprema"><button type="button" class="btn btn-success inline-btn">{{__("Add equipment")}} <i class="fa fa-sitemap"></i></button></a>
                        </div>
                        <div class="col-sm-4">
                            <a class="modal-with-form" href="#modalReturn"><button type="button" class="btn btn-warning inline-btn">{{__("Return to warehouse")}} <i class="fa fa-backward"></i></button></a>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-4">
                        @foreach($montirani as $mont)
                            <p class="highlight devices">{{'('.strtoupper($mont->uredjaj).') '.$mont->serijski_broj}}</p>
                            @if($isAdmin)
                            <a href="#deleteDeviceModal" class="modal-basic btn btn-delete-device" style="float:right" montiranId="{{$mont->id}}"><i class="fa fa-eraser" style="color: #b80000"></i></a>
                            @endif
                            <br>
                        @endforeach
                        </div>
                        <div class="col-sm-4">
                        @foreach($equipment as $equip)
                            <p class="highlight equipment">{{$equip->naziv.' ( '.__("quantity").': '.$equip->kol.')'}}</p>
                            @if($isAdmin)
                            <a href="#deleteEquipmentModal" class="modal-basic btn btn-delete-equipment" style="float:right" equipmentId="{{$equip->id}}" createdAt="{{$equip->created_at}}"><i class="fa fa-eraser" style="color: #b80000"></i></a>
                            @endif
                            <br>
                        @endforeach
                        </div>
                        <div class="col-sm-4">
                            @foreach($vraceni as $vr)
                                <p class="highlight returned">{{'('.$vr->uredjaj.') '.$vr->serijski_broj}}</p>
                                <br>
                            @endforeach
                        </div>
                    </div>
                    <br>
                    <div class="form-group">
                        <label class="col-sm-1 control-label">{{__("Image type")}} </label>
                        <div class="col-sm-3">
                            <select class="form-control populate status-select"  name="image_type" id="image_type">
                                <option value="">-- {{__("Image type")}} --</option>
                                @foreach($imageTypes as $type)
                                    <option value="{{$type->id}}">{{$type->type}}</option>
                                @endforeach
                            </select>
                        </div>
                        <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>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-1 control-label">{{__("Video")}}</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="video" name="video"/>
                            </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 {{__("file")}}</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 class="form-group">
                        <label class="col-sm-1 control-label">{{__("Helper")}} </label>
                        <div class="col-sm-3">
                            <select class="form-control populate status-select"  name="helper" id="helper" data-plugin-selectTwo>
                                <option value="">-- {{__("Helper")}} --</option>
                                <option value="0">{{__("Without helper")}}</option>
                                @foreach($helpers as $helper)
                                    <option value="{{$helper->id}}" selected = "selected">{{$helper->ime.' '.$helper->prezime}}</option>
                                @endforeach
                            </select>
                        </div>
                        <label class="col-sm-1 control-label">{{__("Terrain")}} </label>
                        <div class="col-sm-3">
                            <div class="switch switch-success">
                                <input type="checkbox" name="terrain" data-plugin-ios-switch @if($klijent->on_terrain) checked @endif/>
                            </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>
                            @if($isAdmin)
                                <a href="{{route('klijentiOptika.index')}}" class="btn btn-default">{{__("Cancel")}}</a>
                            @else
                                <a href="{{route('home')}}" class="btn btn-default">{{__("Cancel")}}</a>
                            @endif
                        </div>
                    </div>
                </footer>
            </section>
        </form>

        @if(!empty($napomene[0]))
            <section class="panel">
                <header class="panel-heading">
                    <h2 class="panel-title">{{__("Notes")}} </h2>
                </header>
                <div class="panel-body">
                    @foreach($napomene as $br=>$nap)
                        <code>{{__("Note")}} {{$br+1}}</code>
                        <blockquote class="success">
                            <p>{{$nap->napomena}}</p>
                            <small>{{$nap->ime.' '.$nap->prezime}} <cite title="Magazine X">{{date('d.m.Y. H:i:s', strtotime($nap->created_at))}}</cite></small>
                            @if($isSuperAdmin)
                                <a href="#deleteNapomenaModal" class="modal-basic btn btn-delete-napomena" napomenaId="{{$nap->id}}"><i class="fa fa-eraser" style="color: #b80000"></i></a>
                            @endif
                        </blockquote>
                    @endforeach
                </div>
            </section>
        @endif

        @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="@if($img->type_id){{$img->type.' '}}@endif{{date('d.m.Y. H:i:s',strtotime($img->created_at))}}" rel="group1">
                                    <div class="img-responsive">
                                        <img src="{{$img->image_url}}" width="105">
                                    </div>
                                </a>
                            </div>
                            <div class="btn-group">
                                <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="montage"><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->filename}}</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

        @if(!empty($imgDocs[0]))
            <section class="panel">
                <header class="panel-heading panel-align">
                    <h2 class="panel-title">{{__("Documents")}}</h2>
                </header>
                <div class="panel-body">
                    @foreach($imgDocs as $doc)
                        <div class="col-md-2" style="overflow: auto;">
                            <div class="popup-gallery">
                                <a class="pull-left mb-xs mr-xs" href="{{$doc->image_url}}" title="Dokumenti" rel="group2">
                                    <div class="img-responsive">
                                        <img src="{{$doc->image_url}}" width="105">
                                    </div>
                                </a>
                            </div>
                            <div class="btn-group">
                                <a href="#deleteDocModal" class="modal-basic mb-xs mt-xs mr-xs btn btn-danger btn-delete-doc" docId="{{$doc->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="{{$doc->id}}" data-param="docs"><i class="fa fa-rotate-right"></i></button>
                            </div>
                        </div>
                    @endforeach
                </div>
            </section>
        @endif

        @if(!empty($videos[0]))
            <section class="panel">
                <header class="panel-heading panel-align">
                    <h2 class="panel-title">{{__("Video")}}</h2>
                </header>
                <div class="panel-body">
                    @foreach($videos as $video)
                        <div class="col-md-3">
                            <video width="320" controls>
                                <source src="{{$video->video_url}}" typ="video/mp4">
                            </video>
                        </div>
                        <div class="col-md-1">
                            <a href="#deleteVideoModal" class="modal-basic mb-xs mt-xs mr-xs btn btn-danger btn-delete-video" videoId="{{$video->id}}"><i class="fa fa-trash-o"></i></a>
                        </div>
                    @endforeach
                </div>
            </section>
        @endif

        @if($isAdmin)
            <form id="form" method="post" action="{{ route('report_update', ['id_optical_client' => $klijent->id, 'report_id' => $klijent->report_id]) }}" class="form-horizontal" enctype="multipart/form-data">
                @csrf
                <section class="panel">
                    <header class="panel-heading panel-align">
                        <h2 class="panel-title">{{__("Supervisor report")}} {{$monterIzvestaj}} ({{__("marks")}})</h2>
                    </header>
                    <div class="panel-body">
                        <div class="form-group">
                            <label class="col-sm-2 control-label">{{__("Facility entrance")}}: </label>
                            <div class="col-sm-2">
                                <select class="form-control" name="facility_enterance" id="facility_enterance" spellcheck="false">
                                    <option>-- {{__("mark")}} --</option>
                                    @for($i=1; $i<=5; $i++)
                                        <option value="{{$i}}" @isset($report->facility_enterance)@if($i == $report->facility_enterance) {{'selected = "selected"'}} @endif @endisset>{{$i}}</option>
                                    @endfor
                                </select>
                            </div>
                            <label class="col-sm-2 control-label">{{__("Internal cabling")}}: </label>
                            <div class="col-sm-2">
                                <select class="form-control" name="internal_cabling" id="internal_cabling" spellcheck="false">
                                    <option>-- {{__("mark")}} --</option>
                                    @for($i=1; $i<=5; $i++)
                                        <option value="{{$i}}" @isset($report->internal_cabling)@if($i == $report->internal_cabling) {{'selected = "selected"'}} @endif @endisset>{{$i}}</option>
                                    @endfor
                                </select>
                            </div>
                            <label class="col-sm-2 control-label">{{__("Signal level")}}: </label>
                            <div class="col-sm-2">
                                <select class="form-control" name="signal_level" id="signal_level" spellcheck="false">
                                    <option>-- {{__("mark")}} --</option>
                                    @for($i=1; $i<=5; $i++)
                                        <option value="{{$i}}" @isset($report->signal_level)@if($i == $report->signal_level) {{'selected = "selected"'}} @endif @endisset>{{$i}}</option>
                                    @endfor
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">{{__("Coupling condition")}}: </label>
                            <div class="col-sm-2">
                                <select class="form-control" name="coupling_condition" id="coupling_condition" spellcheck="false">
                                    <option>-- {{__("mark")}} --</option>
                                    @for($i=1; $i<=5; $i++)
                                        <option value="{{$i}}" @isset($report->coupling_condition)@if($i == $report->coupling_condition) {{'selected = "selected"'}} @endif @endisset>{{$i}}</option>
                                    @endfor
                                </select>
                            </div>
                            <label class="col-sm-2 control-label">{{__("Fitter behavior")}}: </label>
                            <div class="col-sm-2">
                                <select class="form-control" name="behavior" id="behavior" spellcheck="false">
                                    <option>-- {{__("mark")}} --</option>
                                    @for($i=1; $i<=5; $i++)
                                        <option value="{{$i}}" @isset($report->behavior)@if($i == $report->behavior) {{'selected = "selected"'}} @endif @endisset>{{$i}}</option>
                                    @endfor
                                </select>
                            </div>
                            <label class="col-sm-2 control-label">{{__("Customer satisfaction")}}: </label>
                            <div class="col-sm-2">
                                <select class="form-control" name="customer_satisfaction" id="customer_satisfaction" spellcheck="false">
                                    <option>-- {{__("mark")}} --</option>
                                    @for($i=1; $i<=5; $i++)
                                        <option value="{{$i}}" @isset($report->customer_satisfaction)@if($i == $report->customer_satisfaction) {{'selected = "selected"'}} @endif @endisset>{{$i}}</option>
                                    @endfor
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">{{__("Supervisor comment")}}: </label>
                            <div class="col-sm-6">
                                <textarea name="supervisor_comment" rows="3" class="form-control" placeholder="" id="supervisor_comment" spellcheck="false"></textarea>
                            </div>
                        </div>
                    </div>
                    <footer class="panel-footer">
                        <div class="row">
                            <div class="col-sm-12 btn-confirmation">
                                <button class="btn btn-primary" type="submit">{{__("Evaluate")}} <i class="fa fa-check"></i></button>
                            </div>
                        </div>
                    </footer>
                </section>
            </form>

            @if(!empty($supervisorComments[0]))
                <section class="panel">
                    <header class="panel-heading">
                        <h2 class="panel-title">{{__("Supervisor comments")}} </h2>
                    </header>
                    <div class="panel-body">
                        @foreach($supervisorComments as $br=>$comment)
                            <code>{{__("comment")}} {{$br+1}}</code>
                            <blockquote class="warning">
                                <p>{{$comment->comment}}</p>
                                <small>{{$comment->name.' '.$comment->surname}} <cite title="Magazine X">{{date('d.m.Y. H:i:s', strtotime($comment->created_at))}}</cite></small>
                                @if($isSuperAdmin)
                                    <a href="#deleteSupervisorCommentModal" class="modal-basic btn btn-delete-supervisor-comment" commentId="{{$comment->id}}"><i class="fa fa-eraser" style="color: #b80000"></i></a>
                                @endif
                            </blockquote>
                        @endforeach
                    </div>
                </section>
            @endif
        @endif

        <div id="deleteImageModal" class="modal-block modal-header-color modal-block-danger mfp-hide">
            <form name="delete-form" method="post" action="{{route('delete_image', 'optika')}}">
                <input type="hidden" name="id_image" id="id_image">
                <input type="hidden" name="id_klijent" id="id_klijent" value="{{$klijent->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="deleteDocModal" class="modal-block modal-header-color modal-block-danger mfp-hide">
            <form name="delete-form" method="post" action="{{route('delete_doc', 'optika')}}">
                <input type="hidden" name="id_doc" id="id_doc">
                <input type="hidden" name="id_klijent" id="id_klijent" value="{{$klijent->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 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>

        <div id="deleteVideoModal" class="modal-block modal-header-color modal-block-danger mfp-hide">
            <form name="delete-form" method="post" action="{{route('delete_video', 'optika')}}">
                <input type="hidden" name="id_video" id="id_video">
                <input type="hidden" name="id_klijent" id="id_klijent" value="{{$klijent->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 video?")}}</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="deleteNapomenaModal" class="modal-block modal-header-color modal-block-danger mfp-hide">
            <form name="delete-form" method="post" action="{{route('delete_napomena', 'optika')}}">
                <input type="hidden" name="id_napomena" id="id_napomena">
                <input type="hidden" name="id_klijent" id="id_klijent" value="{{$klijent->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 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="modalOprema" class="modal-block modal-block-primary mfp-hide">
            <section class="panel">
                <header class="panel-heading">
                    <h2 class="panel-title">{{__("Add equipment")}}</h2>
                </header>
                <form id="add_equipment" method="post" class="form-horizontal mb-lg" action="{{route('add_equipment', ['param' => 'optika'])}}">
                    @csrf
                    <input type="hidden" value="{{$klijent->id}}" name="id_klijent" id="id_klijent">
                    <div class="panel-body">
                        <div class="form-group mt-lg">
                            <label class="col-sm-3 control-label">{{__("Equipment")}}</label>
                            <div class="col-sm-9">
                                <select class="form-control" name="oprema">
                                   <option value="0">-- {{__("Equipment")}} --</option>
                                    @foreach($oprema as $oprem)
                                        <option value="{{$oprem->id}}">{{$oprem->naziv}} @isset($oprem->quantity){{' ('.$oprem->quantity.')'}}@endisset</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="form-group mt-lg">
                            <label class="col-sm-3 control-label">{{__("Quantity")}}</label>
                            <div class="col-sm-9">
                                <input type="text" name="kol" class="form-control" placeholder="{{__("Quantity")}}..." required/>
                            </div>
                        </div>
                        @if($isAdmin)
                        <div class="form-group mt-lg">
                            <label class="col-sm-3 control-label">{{__("Insert instead worker")}}</label>
                            <div class="col-sm-9">
                                <select class="form-control populate status-select"  name="monter_equipment" id="monter_equipment">
                                    <option value="">-- {{__("Fitter")}} --</option>
                                    @foreach($monteri as $monter)
                                        <option value="{{$monter->id}}" selected = "selected">{{$monter->ime.' '.$monter->prezime}}</option>
                                    @endforeach
                                </select>
                                <p><small>*{{__("Fill out form if you want to insert equipment instead of worker")}}</small></p>
                            </div>
                        </div>
                        @endif
                    </div>
                    <footer class="panel-footer">
                        <div class="row">
                            <div class="col-md-12 text-right">
                                <button class="btn btn-primary" type="submit">{{__("Add")}}</button>
                                <button class="btn btn-default modal-dismiss" type="button">{{__("Back")}}</button>
                            </div>
                        </div>
                    </footer>
                </form>
            </section>
        </div>
        <div id="modalAddDevice" class="modal-block modal-block-primary mfp-hide">
            <section class="panel">
                <header class="panel-heading">
                    <h2 class="panel-title">{{__("Add device")}}</h2>
                </header>
                <form id="add_device" method="post" class="form-horizontal mb-lg" action="{{route('add_device', ['param' => 'optika'])}}">
                    @csrf
                    <input type="hidden" value="{{$klijent->id}}" name="id_klijent" id="id_klijent">
                    <input type="hidden" value="{{$klijent->id_tip_montaze}}" name="montage_type" id="montage_type">
                    <div class="panel-body">
                        <div class="form-group mt-lg">
                            <label class="col-sm-3 control-label">{{__("Device")}}</label>
                            <div class="col-sm-9">
                                <select class="form-control" name="uredjaj">
                                    <option value="0">-- {{__("Device")}} --</option>
                                    @foreach($uredjaji as $dev)
                                        <option value="{{$dev->id}}">{{$dev->uredjaj}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="form-group mt-lg">
                            <label class="col-sm-3 control-label">{{__("Serial number")}}</label>
                            <div class="col-sm-9">
                                <input type="text" name="serijski_broj" class="form-control" placeholder="{{__('Serial')}}..." required/>
                            </div>
                        </div>
                        @if($isAdmin)
                        <div class="form-group mt-lg">
                            <label class="col-sm-3 control-label">{{__("Fitter")}} </label>
                            <div class="col-sm-9">
                                <select class="form-control" name="monter_device">
                                    <option value="0">-- {{__("Fitter")}} --</option>
                                    @foreach($monteri as $mont)
                                        <option value="{{$mont->id}}">{{$mont->ime.' '.$mont->prezime}}</option>
                                    @endforeach
                                </select>
                                <p><small>*{{__("Fill out form if you want to insert equipment instead of worker")}}</small></p>
                            </div>
                        </div>
                        <div class="form-group mt-lg">
                            <label class="col-sm-3 control-label">{{__("Date of entry")}} </label>
                            <div class="col-sm-6">
                                <div class="input-group">
                                    <span class="input-group-addon">
                                        <i class="fa fa-calendar"></i>
                                    </span>
                                    <input type="text" name="device_date" class="form-control date-picker" placeholder="" id="device_date"/>
                                </div>
                                <p><small>*{{__("Fill out form if you want to insert equipment instead of worker")}}</small></p>
                            </div>
                            <div class="col-sm-3">
                                <div class="input-group">
                                    <span class="input-group-addon">
                                        <i class="fa fa-clock-o"></i>
                                    </span>
                                    <input type="text" class="form-control"  id="device_time" name="device_time">
                                </div>
                            </div>
                        </div>
                    @endif
                    </div>
                    <footer class="panel-footer">
                        <div class="row">
                            <div class="col-md-12 text-right">
                                <button class="btn btn-primary" type="submit">{{__("Add")}}</button>
                                <button class="btn btn-default modal-dismiss" type="button">{{__("Back")}}</button>
                            </div>
                        </div>
                    </footer>
                </form>
            </section>
        </div>
        <div id="deleteDeviceModal" class="modal-block modal-header-color modal-block-danger mfp-hide">
            <form name="delete-form" method="post" action="{{route('delete_device', ['param' => 'optika'])}}">
                <input type="hidden" name="id_montiran" id="id_montiran">
                <input type="hidden" name="serijski_broj" id="serijski_broj">
                <input type="hidden" name="id_klijent" id="id_klijent" value="{{$klijent->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-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="modalReturn" class="modal-block modal-block-primary mfp-hide">
            <section class="panel">
                <header class="panel-heading">
                    <h2 class="panel-title">{{__("Device return")}}</h2>
                </header>
                <form id="add_device" method="post" class="form-horizontal mb-lg" action="{{route('return_device', ['param' => 'optika'])}}">
                    @csrf
                    <div class="panel-body">
                        <input type="hidden" name="id_klijent" value="{{$klijent->id}}">
                        <div class="form-group mt-lg">
                            <label class="col-sm-3 control-label">{{__("Device")}}</label>
                            <div class="col-sm-9">
                                <select class="form-control" name="return_device">
                                    <option value="">-- {{__("Device")}} --</option>
                                    @foreach($uredjaji as $rdev)
                                        <option value="{{$rdev->id}}">{{$rdev->uredjaj}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="form-group mt-lg">
                            <label class="col-sm-3 control-label">{{__("Reason")}}</label>
                            <div class="col-sm-9">
                                <select class="form-control" name="razlog">
                                    <option value="0">-- {{__("Reason")}} --</option>
                                    @foreach($razlozi as $razlog)
                                        <option value="{{$razlog->id}}">{{$razlog->razlog}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="form-group mt-lg">
                            <label class="col-sm-3 control-label">{{__("Serial number")}}</label>
                            <div class="col-sm-9">
                                <input type="text" name="return_serial" class="form-control" placeholder="{{__('Serial')}}..." required/>
                            </div>
                        </div>
                        @if($isAdmin)
                        <div class="form-group mt-lg">
                            <label class="col-sm-3 control-label">{{__("Fitter")}} </label>
                            <div class="col-sm-9">
                                <select class="form-control" name="monter_return">
                                    <option value="0">-- {{__("Fitter")}} --</option>
                                    @foreach($monteri as $mont)
                                        <option value="{{$mont->id}}">{{$mont->ime.' '.$mont->prezime}}</option>
                                    @endforeach
                                </select>
                                <p><small>*{{__("Fill out form if you want to return equipment instead of worker")}}</small></p>
                            </div>
                        </div>
                        <div class="form-group mt-lg">
                            <label class="col-sm-3 control-label">{{__("Return date")}} </label>
                            <div class="col-sm-6">
                                <div class="input-group">
                                    <span class="input-group-addon">
                                        <i class="fa fa-calendar"></i>
                                    </span>
                                    <input type="text" name="return_date" class="form-control date-picker" placeholder="" id="return_date"/>
                                </div>
                                <p><small>*{{__("Fill out form if you want to return equipment instead of worker")}}</small></p>
                            </div>
                            <div class="col-sm-3">
                                <div class="input-group">
                                    <span class="input-group-addon">
                                        <i class="fa fa-clock-o"></i>
                                    </span>
                                    <input type="text" class="form-control"  id="return_time" name="return_time">
                                </div>
                            </div>
                        </div>
                        @endif
                    </div>
                    <footer class="panel-footer">
                        <div class="row">
                            <div class="col-md-12 text-right">
                                <button class="btn btn-primary" type="submit">{{__("Return to warehouse")}}</button>
                                <button class="btn btn-default modal-dismiss" type="button">{{__("Back")}}</button>
                            </div>
                        </div>
                    </footer>
                </form>
            </section>
        </div>
        <div id="deleteEquipmentModal" class="modal-block modal-header-color modal-block-danger mfp-hide">
            <form name="delete-form" method="post" action="{{route('delete_equipment', ['param' => 'optika'])}}">
                <input type="hidden" name="id_oprema" id="id_oprema">
                <input type="hidden" name="id_klijent" id="id_klijent" value="{{$klijent->id}}">
                <input type="hidden" name="created_at" id="created_at" value="">
                {{ 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-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="deleteSupervisorCommentModal" class="modal-block modal-header-color modal-block-danger mfp-hide">
            <form name="delete-form" method="post" action="{{route('delete_supervisor_comment', 'optics')}}">
                <input type="hidden" name="id_comment" id="id_comment">
                <input type="hidden" name="id_client" id="id_client" value="{{$klijent->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 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="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">
                {{ 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>

    @else
        <div class="main-error mb-xlg">
            <h1 class="error-code text-dark text-center text-semibold m-none">{{__("Access denied")}}! <i class="fa fa-file"></i></h1>
        </div>
        <h2 class="error-explanation text-center">{{__("Only Admin and Super admin can see this page")}}</h2>
    @endif

@endsection