@extends('layouts.erp_theme_01')
@section('content')

    <div class="row">

        @if(isset($dept))
            @php
                $item = $dept;
            @endphp

            <div class="col-md-4">
                {{ csrf_field() }}
                <div class="card ">
                    <div class='card-header'>
                        <div class="title-block">
                            <h3 class="title">{{ $item->dept_name }} <small
                                        class='badge badge-info'>{{ $item->dept_id }}</small></h3>
                        </div>
                    </div>
                    <div class="card-body ">
                        <p>{{ $item->dept_details }}</p>
                        <hr/>


                        <form class="form-inline"
                              action='{{ action("Erp\Controller\Department@saveTrainingLocation") }}' method='POST'>
                            {{  csrf_field() }}
                            <div class="form-row">
                                <label class="my-1 mr-2" for="inlineFormCustomSelectPref">Training Location:</label>
                                <select class="form-control mr-sm-4 " id="dblocation" name='dblocation'>
                                    @foreach($locations as $item)
                                        <option value="{{ $item->id }}">{{ $item->location_name }}</option>
                                    @endforeach
                                </select>

                                <button type="submit" class="btn btn-primary mr-sm-4">Save</button>
                            </div>

                            <input type="hidden" value="{{ $encdid }}" name='encdid'/>
                        </form>


                    </div>
                </div>
            </div>
            <div class="col-md-8">
                <div class="card ">
                    <div class='card-header'>
                        <div class="title-block">
                            <h3 class="title">Current Training Location <span
                                        class='badge badge-success'>{{   isset($dept_location) ? $dept_location->location_name : "not set"   }}</span>
                            </h3>
                        </div>
                    </div>
                    <div class="card-body ">
                        @if (session('err_msg_right'))
                            <div class="col-md-12 ">
                                <div class="alert alert-info">
                                    {{ session('err_msg_right') }}
                                </div>
                            </div>
                        @endif


                        @if(isset($staffs))
                            <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                                <thead>
                                <tr>
                                    <th>Staff ID</th>
                                    <th>Staff Name</th>
                                    <th>Email</th>
                                </tr>
                                </thead>

                                @foreach($staffs as $item)
                                    <tr>
                                        <td>{{ $item->staff_id  }}</td>
                                        <td>{{ $item->fname .  ($item->mname  != "" ? " " . $item->fname : "" ) . " " . $item->lname      }}</td>
                                        <td>{{ $item->email }}</td>
                                    </tr>
                                @endforeach

                            </table>
                            </table>
                        @else
                            <div class="alert alert-info">
                                <p>No Staff Added Department Yet!</p>
                            </div>
                        @endif
                    </div>
                </div>
            </div>

        @else
            <div class="col-md-12">
                <div class="alert alert-info">
                    <p>No Department Added Yet!</p>
                </div>
            </div>
        @endif
    </div>

    <form action="{{ action('Erp\Controller\Department@removeDepartment') }}" method="post">
        {{ csrf_field() }}
        <div class="modal fade" id="widget-confirmdel" tabindex="-1" role="dialog" aria-labelledby="confirmDel"
             aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Confirm Record Deletion</h5>
                        <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                    </div>
                    <div class="modal-body">You are about to remove department. Please confirm your action?</div>
                    <div class="modal-footer">
                        <input type='hidden' name='key' id='key'/>
                        <button class="btn btn-secondary" type="button" data-dismiss="modal">Cancel</button>
                        <button type='submit' class="btn btn-danger" value='delete' name='btndel'>Delete</button>
                    </div>
                </div>
            </div>
        </div>
    </form>

@endsection


@section('script')

    <script>

        $(".btnedit").on('click', function () {
            $rowid = $(this).attr("data-rowid");
            $("#tb_did").val($("#tr-" + $rowid + " td:nth-child(1)").html());
            $("#tb_dname").val($("#tr-" + $rowid + " td:nth-child(2)").html());
            $("#ta_desc").val($("#tr-" + $rowid + " td:nth-child(3)").html());

        });


        $(".btndel").on('click', function () {
            var key = $(this).attr("data-key");
            $("#key").val(key);
            $widget = $(this).attr("data-widget");
            $("#widget-" + $widget).modal('show');
        });


    </script>

@endsection