@extends('layouts.view')
@section('title',trans('lang.forms_approvals'))
@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12">
                <div class="page-title-box">
                     <div class="float-right">
                        <a class="btn btn-primary" href="{{ route('formApprovals') }}"> {{trans('lang.back')}}</a>
                    </div>
                    <h4 class="page-title">{{trans('lang.editforms_approvals')}}</h4>
                </div><!--end page-title-box-->
            </div><!--end col-->
        </div><!--end row-->
        <!-- end col -->
        <div class="col-12">
            <div class="card">
                @if($flash = session('success'))
                    <div class="alert alert-secondary border-0" role="alert">
                        {{ $flash }}
                    </div>
                @endif
                <div class="card-body">
                    <h4 class="mt-0 header-title">{{trans('lang.edit') }} <b>{{$form->form_name}}</b>:</h4>
                    <p class="text-muted mb-3">Please Pay attention to the input sequence</p>
                    <form method="POST" action="{{route('formApprovals.update',['form_id' => $form->id])}}"
                          class="form-horizontal well">
                        @csrf
                        <fieldset>
                            <div class="repeater-custom-show-hide">
                                <div data-repeater-list="order">
                                    <div data-repeater-item="">
                                        <div class="form-group row  d-flex align-items-end">
                                            <div class="col-sm-4">
                                                <label
                                                    class="control-label">{{trans('lang.approvers')}}</label>
                                                <select name="employee" class="form-control">
                                                    @foreach($users as $user)
                                                        <option
                                                            value="{{$user->id}}" {{$approvals->first() ? $approvals->first()->approver_id == $user->id ? 'selected':'':''}}>{{$user->name}}</option>
                                                    @endforeach
                                                </select>
                                            </div><!--end col-->
                                            <div class="col-sm-1">
                                                                <span data-repeater-delete=""
                                                                      class="btn btn-gradient-danger btn-sm">
                                                                    <span class="far fa-trash-alt mr-1"></span> Delete
                                                                </span>
                                            </div><!--end col-->
                                        </div><!--end row-->
                                    </div><!--end /div-->
                                    @foreach($approvals as $key => $approval)
                                        @if($key>0)
                                            <div data-repeater-item="">
                                                <div class="form-group row  d-flex align-items-end">
                                                    <div class="col-sm-4">
                                                        <label
                                                            class="control-label">{{trans('lang.approvers')}}</label>
                                                        <select name="employee" class="form-control">
                                                            @foreach($users as $user)
                                                                <option
                                                                    value="{{$user->id}}" {{$approval->approver_id == $user->id ? 'selected':''}}>{{$user->name}}</option>
                                                            @endforeach
                                                        </select>
                                                    </div><!--end col-->
                                                    <div class="col-sm-1">
                                                                <span data-repeater-delete=""
                                                                      class="btn btn-gradient-danger btn-sm">
                                                                    <span class="far fa-trash-alt mr-1"></span> Delete
                                                                </span>
                                                    </div><!--end col-->
                                                </div><!--end row-->
                                            </div><!--end /div-->
                                        @endif
                                    @endforeach
                                </div><!--end repet-list-->
                                <div class="form-group row mb-0">
                                    <div class="col-sm-12">
                                                        <span data-repeater-create=""
                                                              class="btn btn-gradient-secondary btn-md">
                                                            <span class="fa fa-plus"></span> {{trans('lang.addemp')}}
                                                        </span>
                                        <input type="submit" value="{{trans('lang.submit')}}"
                                               class="btn btn-gradient-primary">
                                        <a href="{{route('formApprovals')}}" class="btn btn-gradient-primary">{{trans('lang.back')}}</a>
                                    </div><!--end col-->
                                </div><!--end row-->
                            </div> <!--end repeter-->
                        </fieldset><!--end fieldset-->
                    </form><!--end form-->
                </div><!--end card-body-->
            </div><!--end card-->
        </div><!--end col-->
    </div> <!-- end col -->
    </div>
@endsection
@section('scripts')
    <script src="{{ asset('plugins/repeater/jquery.repeater.min.js') }}"></script>
    <script src="{{ asset('assets/pages-material/jquery.form-repeater.js') }}"></script>
@endsection