@extends('layouts.main_without_top_button')
@section('route_assignment')
    current
@endsection
@section('title')
    Settings
@stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="">Settings</a> <span class="divider">/</span></li>
        <li class="active">Requisitions Settings</li>
    </ul>
@stop
@section('contentinner')
    <style type="text/css">
        input.invalid, textarea.invalid {
            border: 2px solid red;
        }

        input.valid, textarea.valid {
            border: 2px solid green;
        }
    </style>
    <div class="tabbable">
        {{--@include('settings.company.includes.company_modals')--}}
        <div class="tab-content">
            <div class="tab-pane active">
                <div class="row-fluid">
                    <div class="span12">

                        <div class="mediamgr">
                            <div class="mediamgr_left">

                                @include('requisitions.settings.approval_chains.includes.requisition_settings_header')

                                <br>

                                <form id="company_profile_form" files="true">
                                    <div class="row-fluid">
                                        <div class="span12">
                                            <h4 class="widgettitle">Approval Chain</h4>

                                            <p>
                                            <table class="table" >
                                                <tbody>
                                                @foreach($approval_stages as $approval_stage)
                                                    <tr>
                                                        <td>{{$approval_stage->name}}<br>
                                                            <table class="table table-striped"
                                                                   style="margin-left: 20px">
                                                                <tbody>

                                                                @forelse ($approval_stage->approvalChainLevels as $approval_chain_level)

                                                                    @if($approval_chain_level->approval_chain_level_id != -1)
                                                                        <tr>
                                                                            {{--<td style="border: 0">--}}
                                                                            <td>
                                                                                <select name="name" class="name" id="quantity{{$approval_chain_level->id}}" style="display:none">
                                                                                    @foreach($positions as $position)
                                                                                        <option value="{{$position->role_id}}"
                                                                                                {{($position->role_id==$approval_chain_level->position_id)? "selected":""}}
                                                                                        >
                                                                                            {{$position->role_name}}
                                                                                        </option>
                                                                                    @endforeach
                                                                                </select>

                                                                                <select name="approval_roles" class="approval_roles" id="role{{$approval_chain_level->id}}" style="display:none">
                                                                                    @foreach($approval_roles as $approval_role)
                                                                                        <option value="{{$approval_role->id}}"
                                                                                                {{($approval_role->id==$approval_chain_level->approval_role_id)?"selected":""}}
                                                                                        >
                                                                                            {{$approval_role->name}}

                                                                                        </option>
                                                                                    @endforeach
                                                                                </select>

                                                                                <span id="quantityvalue{{$approval_chain_level->id}}">{{$approval_chain_level->name}}</span>
                                                                            </td>
                                                                            <td >
                                                                                <input type="hidden"
                                                                                       class="approval_chain_level_id"
                                                                                       value="{{$approval_chain_level->id}}">
                                                                                <input type="hidden"
                                                                                       class="approval_stage_id"
                                                                                       value="{{$approval_stage->id}}">
                                                                                <input type="hidden"
                                                                                       class="approval_chain_module_id"
                                                                                       value="3">
                                                                                <button type="button"
                                                                                        id="addBeforeApprovalLevel{{$approval_chain_level->id}}"
                                                                                        class="add_approval_chain_level_before btn btn-mini"
                                                                                        data-value="BEFORE">
                                                                                    + Before
                                                                                </button>
                                                                                <button type="button"
                                                                                        id="addAfterApprovalLevel{{$approval_chain_level->id}}"
                                                                                        class="add_approval_chain_level_after btn btn-mini"
                                                                                        data-value="AFTER">
                                                                                    + After
                                                                                </button>
                                                                                <button type="button" class="edit_approval_level btn btn-mini "
                                                                                        id="editApprovalLevel{{$approval_chain_level->id}}"
                                                                                        onclick="editApprovalLevel('{{$approval_chain_level->id}}')">
                                                                                    <span class="icon icon-pencil"></span>
                                                                                </button>
                                                                                <button type="button" class=" btn btn-danger btn-mini "
                                                                                        id="deleteApprovalLevel{{$approval_chain_level->id}}"
                                                                                        onclick="deleteApprovalLevel('{{$approval_chain_level->id}}','{{$approval_chain_level->name}}');event.preventDefault();">
                                                                                    <span class="icon icon-trash"></span>
                                                                                </button>
                                                                                <span id="toggle_button{{$approval_chain_level->id}}">
                                                                                <input type="checkbox" {{$approval_chain_level->status ? 'checked':'unchecked'}}
                                                                                data-toggle="toggle" class="btn" onchange="enableDisableLevel('{{$approval_chain_level->id}}')">
                                                                                </span>
                                                                                <button
                                                                                        onclick="editApprovalLevelSave('{{$approval_chain_level->id}}');event.preventDefault();"
                                                                                        id="editsave{{$approval_chain_level->id}}" style="display:none;">
                                                                                    Save
                                                                                </button>

                                                                            </td>
                                                                        </tr>
                                                                    @endif
                                                                    @empty
                                                                    <tr>
                                                                        <td>
                                                                            <select name="name" class="name">
                                                                                @foreach($positions as $position)
                                                                                    <option value="{{$position->role_id}}">
                                                                                        {{$position->role_name}}
                                                                                    </option>
                                                                                @endforeach
                                                                            </select>
                                                                            <select name="approval_roles" class="approval_roles">
                                                                                @foreach($approval_roles as $approval_role)
                                                                                    <option value="{{$approval_role->id}}">
                                                                                        {{$approval_role->name}}
                                                                                    </option>
                                                                                @endforeach
                                                                            </select>
                                                                        </td>
                                                                        <td >
                                                                            <input type="hidden" class="approval_chain_level_id" value="">
                                                                            <input type="hidden" class="approval_stage_id" value="">
                                                                            <input type="hidden" class="approval_chain_module_id" value="3">
                                                                            <button type="button" id="addBeforeApprovalLevel" class="add_approval_chain_level_before btn btn-mini" data-value="BEFORE">+ Before</button>
                                                                            <button type="button" id="addAfterApprovalLevel" class="add_approval_chain_level_after btn btn-mini" data-value="AFTER">+ After</button>

                                                                            <button
                                                                                    onclick="editApprovalLevelSave('');event.preventDefault();"
                                                                                    id="editsave">
                                                                                Save
                                                                            </button>

                                                                        </td>
                                                                    </tr>
                                                                 @endforelse
                                                                </tbody>
                                                            </table>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                                </tbody>
                                            </table>


                                        </div><!--span6-->

                                    </div><!--row-fluid-->
                                </form>


                            </div><!--mediamgr_left -->

                        </div><!--mediamgr-->
                    </div><!--span12-->
                </div><!--row-fluid-->
            </div><!--row-fluid-->
        </div><!--row-fluid-->
    </div><!--tabbable-->
    <table class="hide">
        <tbody>
        <tr id="more_approval_chain_level">

            <td style="border:0">
                <select name="name" class="name">
                    @foreach($positions as $position)
                        <option value="{{$position->role_id}}">{{$position->role_name}}</option>
                    @endforeach
                </select>

                <select name="approval_roles" class="approval_roles">
                    @foreach($approval_roles as $approval_role)
                        <option value="{{$approval_role->id}}">{{$approval_role->name}}</option>
                    @endforeach
                </select>
                {{--<input type="text" name="name" class="name">--}}
            </td>

            <td style="border: 0">
                <input type="hidden"
                       class="approval_chain_level_id"
                       value="">
                <input type="hidden"
                       class="approval_stage_id"
                       value="">
                <input type="hidden"
                       class="approval_chain_module_id"
                       value="1">
                <button type="button"
                        class="save_approval_chain_level"
                        data-value="">
                    + SAVE
                </button>
            </td>
        </tr>
        </tbody>
    </table>
    @include('requisitions.settings.approval_chains.includes.footer')
@stop