@extends('layouts/gnr_layout')
@section('title', '| Branch Requisition')

@section('content')
@include('successMsg')


<div class="row">
    <div class="col-md-12">
        {{-- panel start  --}}
        <div class="panel panel-default" style="background-color:#708090;">

            <div class="panel-heading" style="padding-bottom:0px">
                <div class="panel-options">
                    <a href="{{route('requisition.add')}}" class="btn btn-info pull-right addViewBtn"><i class="glyphicon glyphicon-plus-sign addIcon"></i>Add Requisition</a>
                </div>
                <h1 align="center" style="font-family: Antiqua;letter-spacing: 2px">
                    <font color="white">BRANCH REQUISITION LIST</font>
                </h1>
            </div>

            {{-- panel body start --}}
            <div class="panel-body panelBodyView">
                <div>
                    <script type="text/javascript">
                        jQuery(document).ready(function ($) {
                            $("#gnrBranchRequisitionView").dataTable().yadcf([

                            ]);
                        });

                    </script>
                </div>

                <table class="table table-striped table-bordered" id="gnrBranchRequisitionView">
                    <thead>
                        <tr>
                            <th width="30">SL#</th>
                            <th style="text-align:center">B. Code</th>
                            <th style="text-align:center">Branch Name</th>
                            <th style="text-align:center">Contact Person</th>
                            <th style="text-align:center">Phone</th>
                            <th style="text-align:center">Address</th>
                            <th style="text-align:center">B. Start Date</th>
                            <th style="text-align:center">S. Start Date</th>
                            <th style="text-align:center">Status</th>
                            <th width="45" style="text-align:center">Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($requisitions as $branch)
                        <tr>
                            <td class="text-center slNo">{{$loop->iteration}}</td>
                            <td>{{$branch->branchCode}}</td>
                            <td style="text-align:left">&nbsp;{{$branch->name}}</td>
                            <td style="text-align:left">&nbsp;{{$branch->contactPerson}}</td>
                            <td>{{$branch->phone}}</td>
                            <td style="text-align:left">&nbsp;{{$branch->address}}</td>
                            <td>{{$branch->branchOpeningDate}}</td>
                            <td>{{$branch->softwareStartDate}}</td>
                            <td>{{ucfirst($branch->status)}}</td>
                            <td class="text-center" width="80">
                                @if ($branch->status == "pending")
                                    <a title="edit" href="{{route('requisition.edit',$branch->id)}}"><svg xmlns="http://www.w3.org/2000/svg" height="18" width="18" viewBox="0 0 24 24"><path d="M16.6256 3.12837L9.29145 10.4625L9.29886 14.7097L13.537 14.7022L20.8682 7.37102C21.5912 8.75426 22 10.3277 22 11.9966C22 17.5194 17.5228 21.9966 12 21.9966C6.47715 21.9966 2 17.5194 2 11.9966C2 6.47373 6.47715 1.99658 12 1.99658C13.6689 1.99658 15.2423 2.40541 16.6256 3.12837ZM20.4853 2.09709L21.8995 3.5113L12.7071 12.7037L11.2954 12.7062L11.2929 11.2895L20.4853 2.09709Z"></path></svg></a>
                                    <a title="delete" href="{{route('requisition.delete',$branch->id)}}" onclick="return confirm('Are you sure you want to delete this item?');"><svg xmlns="http://www.w3.org/2000/svg" height="18" width="18" viewBox="0 0 24 24"><path d="M7 6V3C7 2.44772 7.44772 2 8 2H16C16.5523 2 17 2.44772 17 3V6H22V8H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V8H2V6H7ZM13.4142 13.9997L15.182 12.232L13.7678 10.8178L12 12.5855L10.2322 10.8178L8.81802 12.232L10.5858 13.9997L8.81802 15.7675L10.2322 17.1817L12 15.4139L13.7678 17.1817L15.182 15.7675L13.4142 13.9997ZM9 4V6H15V4H9Z" fill="rgba(247,0,0,1)"></path></svg></a>
                                    @if (auth()->user()->isSuperAdminUser() == true)
                                        <button title="approve" id="requisitionApprove" data-id="{{$branch->id}}" style=" border: none; background-color: transparent;"><svg xmlns="http://www.w3.org/2000/svg" height="19" width="19" viewBox="0 0 24 24"><path d="M11.602 13.7599L13.014 15.1719L21.4795 6.7063L22.8938 8.12051L13.014 18.0003L6.65 11.6363L8.06421 10.2221L10.189 12.3469L11.6025 13.7594L11.602 13.7599ZM11.6037 10.9322L16.5563 5.97949L17.9666 7.38977L13.014 12.3424L11.6037 10.9322ZM8.77698 16.5873L7.36396 18.0003L1 11.6363L2.41421 10.2221L3.82723 11.6352L3.82604 11.6363L8.77698 16.5873Z" fill="rgba(69,216,0,1)"></path></svg></path></svg></button>
                                    @endif
                                    {{-- <button title="approve" id="requisitionReject" data-id="{{$branch->id}}" style=" border: none; background-color: transparent;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 10.5858L9.17157 7.75736L7.75736 9.17157L10.5858 12L7.75736 14.8284L9.17157 16.2426L12 13.4142L14.8284 16.2426L16.2426 14.8284L13.4142 12L16.2426 9.17157L14.8284 7.75736L12 10.5858Z" fill="rgba(251,0,0,1)"></path></svg></button> --}}
                                @endif
                                @if ($branch->status == "rejected")
                                    <a title="delete" href="{{route('requisition.delete',$branch->id)}}" onclick="return confirm('Are you sure you want to delete this item?');"><svg xmlns="http://www.w3.org/2000/svg" height="18" width="18" viewBox="0 0 24 24"><path d="M7 6V3C7 2.44772 7.44772 2 8 2H16C16.5523 2 17 2.44772 17 3V6H22V8H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V8H2V6H7ZM13.4142 13.9997L15.182 12.232L13.7678 10.8178L12 12.5855L10.2322 10.8178L8.81802 12.232L10.5858 13.9997L8.81802 15.7675L10.2322 17.1817L12 15.4139L13.7678 17.1817L15.182 15.7675L13.4142 13.9997ZM9 4V6H15V4H9Z" fill="rgba(247,0,0,1)"></path></svg></a>
                                @endif
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            {{-- panel body end --}}
        </div>
        {{-- panel end  --}}
    </div>
</div>
</div>
</div>

@include('dataTableScript')
@endsection


{{-- SCRIPTS  --}}

<script src="{{asset('js/jquery-1.11.1.min.js')}}"></script>

<script type="text/javascript">
    $(document).ready(function () {

        $(function () {
            $("#branchOpeningDate").datepicker({
                changeMonth: true,
                changeYear: true
            });
        });

        $(function () {
            $("#softwareStartDate").datepicker({
                changeMonth: true,
                changeYear: true
            });
        });

        $('button').click(function(e){
            e.preventDefault();
            var id = $(this).data("id");
            var url = "{{ route('requisition.approve', ":id") }}";
            url = url.replace(':id', id);
            $.ajax({
                type: 'get',
                url: url,
                data: $('form').serialize(),
                dataType: 'json',
                success: function (_response) {
                    console.log(_response);
                    if(_response.responseTitle == "Success!"){
                        toastr.success(_response.responseText, _response.responseTitle, opts);
                        setTimeout(function(){
                            window.location.href =
                            "{{route('requisition.view')}}";
                        }, 1000);
                    }else{
                        toastr.error( _response.responseTitle,_response.responseText, opts);
                        setTimeout(function(){
                           
                        }, 1000);
                    }
                },
                error: function (_response) {
                    //alert(_response.errors);
                }
            });
        })

        $("input").keyup(function () {
            var name = $("#name").val();
            if (name) {
                $('#namee').hide();
            } else {
                $('#namee').show();
            }
            var branchCode = $("#branchCode").val();
            if (branchCode) {
                $('#branchCodee').hide();
            } else {
                $('#branchCodee').show();
            }
            var contactPerson = $("#contactPerson").val();
            if (contactPerson) {
                $('#contactPersone').hide();
            } else {
                $('#contactPersone').show();
            }
            var email = $("#email").val();
            if (email) {
                $('#emaile').hide();
            } else {
                $('#emaile').show();
            }
            var phone = $("#phone").val();
            if (phone) {
                $('#phonee').hide();
            } else {
                $('#phonee').show();
            }
            var email = $("#email").val();
            if (emaile) {
                $('#emaile').hide();
            } else {
                $('#emaile').show();
            }
        });


        $("textarea").keyup(function () {
            var address = $("#address").val();
            if (address) {
                $('#addresse').hide();
            } else {
                $('#addresse').show();
            }
        });

        $('select').on('change', function (e) {
            var groupId = $("#groupId").val();
            if (groupId) {
                $('#groupIde').hide();
            } else {
                $('#groupIde').show();
            }
            var companyId = $("#companyId").val();
            if (companyId) {
                $('#companyIde').hide();
            } else {
                $('#companyIde').show();
            }
            var projectId = $("#projectId").val();
            if (projectId) {
                $('#projectIde').hide();
            } else {
                $('#projectIde').show();
            }
            var projectTypeId = $("#projectTypeId").val();
            if (projectTypeId) {
                $('#projectTypeIde').hide();
            } else {
                $('#projectTypeIde').show();
            }

            if (companyId) {

                $.ajax({
                    url: 'getCompanyDetails/' + companyId,
                    type: 'get',
                    dataType: 'json',
                    success: function (response) {
                        $('#mfiCode').val(response.companyCode);
                    }
                });
            }
        });

    });
    //ready function end

    $(document).ready(function () {
        $("#projectId").change(function () {
            $("#projectTypeId").empty();
            $("#projectTypeId").prepend('<option selected="selected" value="">Please Select</option>');
            var projectId = $('#projectId').val();
            $.ajax({
                type: 'post',
                url: './projectIdSendGetPTypeId',
                data: {
                    '_token': $('input[name=_token]').val(),
                    'projectId': projectId
                },
                dataType: 'json',
                success: function (_response) {
                    $.each(_response, function (index, value) {
                        $('#projectTypeId').append("<option value='" + index +
                            "'>" + value + "</option>");
                    });
                }
            });
        });
    });

</script>