@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('body_content')
<div class="container body">
    <div class="main_container">
        @include('includes.sidebar')
        <div class="right_col" role="main">
            <div class="page-title">
                <div class="title_left">
                    <h3>Buy Request</h3>
                </div>
                <div class="clearfix"></div>
            </div>            

            <div class="x_panel">                            
                <div class="x_content">         
                    <div class="row">         
                        <div class="form-horizontal">                   
                            <div class="col-xs-12 col-sm-6">
                                <div class="form-group">
                                    <label class="control-label col-sm-3">ID :</label>
                                    <div class="col-sm-9">
                                        <input type="text" disabled value="{{ $stock_buy->id }}" class="form-control" />
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="control-label col-sm-3">Reference Number :</label>
                                    <div class="col-sm-9">
                                        <input type="text" disabled value="{{ $stock_buy->request->reference_number }}" class="form-control" />
                                    </div>
                                </div>  
                                
                                <div class="form-group">
                                    <label class="control-label col-sm-3">Invoice :</label>
                                    <div class="col-sm-9">
                                        <input type="text" disabled value="{{ $stock_buy->invoice }}" class="form-control" />
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="control-label col-sm-3">Date :</label>
                                    <div class="col-sm-9">
                                        <input type="text" class="form-control" value="{{ $stock_buy->date }}" disabled />
                                    </div>
                                </div> 
								@if($stock_buy->request->actual_location_id)
									<div class="form-group">
										<label class="control-label col-sm-3">Group Lokasi :</label>
										<div class="col-sm-9">
											<input type="text" disabled value="{{ $stock_buy->request->lokasi->group_lokasi->code }} - {{ $stock_buy->request->lokasi->group_lokasi->name }}" class="form-control" />
										</div>
									</div>
									<div class="form-group">
										<label class="control-label col-sm-3">Lokasi :</label>
										<div class="col-sm-9">
											<input type="text" readonly value="{{ $stock_buy->request->lokasi->code }} - {{ $stock_buy->request->lokasi->name }}" class="form-control" />
											<input type="hidden" id="lokasi_id" value="{{ $stock_buy->request->lokasi->id }}" />
										</div>
									</div>  
								@endif                               
                            </div>

                            <div class="col-xs-12 col-sm-6">
                                <div class="form-group">
                                    <label class="control-label col-sm-3">Notes :</label>
                                    <div class="col-sm-9">
                                        <textarea class="form-control" disabled rows="6">{{ $stock_buy->request->notes }}</textarea>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-xs-12">
                            <hr>
                            <table class="table table-bordered table-striped">
                                <thead>
                                    <tr>
                                        <th class="text-center">ID</th>
                                        <th class="text-center">Brand</th>
                                        <th class="text-center">Fragment</th>
                                        <th class="text-center">Certificate</th>
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($stock_buy->gold_detail as $gold)                                            
                                        <tr>
                                            <td class="text-center">{{ $gold->id }}</td>
                                            <td class="text-center">{{ $gold->gold_detail->brand_emas->brand }}</td>
                                            <td class="text-center">{{ $gold->gold_detail->pecahan }} Gram</td>                                            
                                            <td class="text-center">
                                                @if(!empty($gold->certificate))
                                                    <img src="data:image/png;base64,{!! DNS2D::getBarcodePNG($gold->certificate, 'QRCODE', 2, 2) !!}" alt="barcode"   /> <br>
                                                    <small>{{ $gold->certificate }}</small>
                                                @else
                                                    <form class="form-add-certificate">                  
                                                        <input type="hidden" name="id" value="{{ $stock_buy->id }}">                       
                                                        <input type="hidden" name="id_detail" value="{{ $gold->id }}">

                                                        <div class="loading hidden"><i class="fa fa fa-spinner fa-pulse"></i></div>
                                                        <div class="submit">
                                                            <div class="input-group" style="margin-bottom:0;">
                                                                <input type="text" class="form-control" name="certificate" autocomplete="off">
                                                                <span class="input-group-btn">
                                                                    <button type="submit" class="btn btn-default" style="font-size:14px;"><i class="fa fa-check" aria-hidden="true"></i></button>
                                                                </span>
                                                            </div>
                                                        </div>
                                                    </form>
                                                @endif
                                            </td>     
                                            <td class="text-center">
                                                @if(!empty($gold->certificate))
                                                    <a class="btn btn-default btn-xs" href="{{ route('stock/detail/print_barcode', ['id_stock_detail'=>$gold->id_pecahan_emas_global_detail]) }}" target="_blank"><i class="fa fa-print" aria-hidden="true"></i></a>
                                                @endif
                                            </td>   
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>

                        <div class="col-xs-12">
                            <hr>
                            <h5 style="margin-bottom:10px; font-weight:700">LOG</h5>

                            <table class="table table-bordered table-striped">
                                <thead>
                                    <tr>
                                        <th class="text-center">ID</th>
                                        <th class="text-center">Date</th>
                                        <th class="text-center">User</th>
                                        <th class="text-center">Log</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($stock_buy->request->log as $log)
                                        <tr>
                                            <td class="text-center">{{ $log->id }}</td>
                                            <td class="text-center">{{ $log->created_at }}</td>
                                            <td class="text-center">{{ $log->user->name }}</td>
                                            <td class="text-center">{{ $log->log }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @include('includes.footer')
    </div>
</div>
@endsection

@section("scripts")
<script type="text/javascript">
    $(".form-add-certificate").on("submit", function() {
        var $this = $(this);
        var lokasiId = $("#lokasi_id").val();
        $this.find(".submit").addClass("hidden");
        $this.find(".loading").removeClass("hidden");

        $.ajax({
            url: '{{ $stock_buy->id }}/apply_certificate',
            method: "POST",
            headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
            data: $this.serialize() + "&lokasi_id=" + lokasiId,
            success: function(response) {
                alert("Data saved");
                location.reload();
            },
            error: function(response) {
                var response = response.responseJSON;
                alert(response.error);
                $this.find(".submit").removeClass('hidden');
                $this.find(".loading").addClass('hidden');
            }
        });
        return false;
    });
</script>

@endsection