@extends("layouts.dashboard.app")

@section("page-nav-title")
    <div class="app-title">
        <div>
            <h1><i class="fa fa-dashboard"></i>{{__('documents')}}</h1>
            <p>{{__('Control and view all documents')}}</p>
        </div>
        <ul class="app-breadcrumb breadcrumb">
            <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
            <li class="breadcrumb-item"><a href="#">{{__('documents')}}</a></li>
        </ul>
    </div>
@endsection
@section("content")
    @include("layouts.main-parts.page-message")
{{--    <form>--}}
{{--        <div class="col-lg-4">--}}
{{--            <button type="submit" class="btn btn-primary" id="FilterButton"><i class="fa fa-fw fa-lg fa-check-circle"></i>{{__("Filter")}}</button>--}}
{{--        </div>--}}
{{--    </form>--}}
    <form action="{{route("documents-out.store", ["document_type"=>"out","id"=>request()->id] )}}" id="main_form" method="post">
        @csrf

        @if(!request()->id)
            <div class="row">
                <div class="col-lg-12">
                    <div class="tile">
                        <div class="tile-body">
        {{--                    <form action="{{route("documents.show")}}" method="get">--}}
                            <div class="col-lg-4">
                                 <div class="form-group">
                                    <label class="control-label">{{__("#Document Number")}}</label>
                                    <select class="form-control" name="number" id="number" >
                                        <option selected disabled>selected</option>
                                        @foreach($document_number as $number)
                                            <option id="op{{$number->id}}" @if(request()->input('number') === $number->document_number) selected @endif value="{{$number->id}}" data-url="{{ route("documents.ajax.create", ["id"=>$number->id]) }}">{{ $number->document_number}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-lg-4">
                                    <div class="buttons-group">
                                        <a href="{{route("documents.create")}}" class="btn btn-primary">{{__("Clear")}}</a>
                                    </div>
                                </div>
{{--                                <form>--}}
{{--                                    <div class="col-lg-4">--}}
{{--                                        <button type="submit" class="btn btn-primary" id="FilterButton"><i class="fa fa-fw fa-lg fa-check-circle"></i>{{__("Filter")}}</button>--}}
{{--                                    </div>--}}
{{--                                </form>--}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        @endif
    <div class="row">
        <div class="col-md-12">
            <div class="tile">
                <div class="tile-body">
                    <div class="col">
                        <div class="col-lg-12" style="text-align: right" id="confirm_documents_status" disabled="none">
                            <label class="btn btn-success">{{__("Activate To Stock Management")}}</label>
                        </div>
                        @if(request()->id)
                            <div class="col-lg-12" style="text-align: right">
    {{--                            <a class="btn btn-primary" style="color: white" onclick="confirmDocument()" id="confirmDocument"> {{__("Confirm Document")}} </a>--}}
                                <a style="color: white" @if($confirmDocument == 0) id="test" data-url="{{route("documents-out.confirm_documents", ["id"=>request()->id])}}"  @else type="button" href="#" disabled @endif class="btn btn-primary" id="FilterButton"> @if($confirmDocument == 0){{__("Confirm Document")}} @else <i class="fa fa-fw fa-lg fa-check-circle"></i> {{__("Document Confirmed")}} @endif </a>
                            </div>
                        @endif
                        <input name="confirmDocumentInput" value="" id="confirm_document_input" type="hidden">



                        <div class="col-lg-5">
                            <div class="form-group" style="display: flex !important; flex-direction: row !important;">
                                <div class="col-lg-3">
                                    <label class="form-group"> <span>{{__('Type')}}  </span> </label>
                                </div>
                                <div class="col-lg-6">
                                    <input class="form-control @if($errors->has('type')) is-invalid @endif" @if(request()->id) readonly  @endif id="type"  type="text" name="type" placeholder="{{__('Enter type')}}" value="{{$documentHeader ? $documentHeader->type :  inputValue("type")}}" >
                                </div>
                            </div>
                            @error("type")
                            <div class="input-error">{{$message}}</div>
                            @enderror
                    </div>


{{--                    <div class="col">--}}

                        <div class="col-lg-5">
                            <div class="form-group" style="display: flex !important; flex-direction: row !important;">

                                <div class="col-lg-3">
                                <label class="control-label">{{__('Document No.')}}</label>
                                </div>
                                <div class="col-lg-6">
                                <input class="form-control @if($errors->has('document_number')) is-invalid @endif" @if(request()->id) readonly  @endif id="document_number" type="text" name="document_number" placeholder="" value="{{$documentHeader ? $documentHeader->document_number :  inputValue("document_number")}}">
                                </div>
                            </div>
                            @error("document_number")
                            <div class="input-error">{{$message}}</div>
                            @enderror
                        </div>
                        <div class="col-lg-5">
                            <div class="form-group" style="display: flex !important; flex-direction: row !important;">
                                <div class="col-lg-3">
                                    <label  class="control-label">{{__('Date')}}</label>
                                </div>
                                <div class="col-lg-6">
                                    <input class="form-control @if($errors->has('date')) is-invalid @endif" @if($confirmDocument == 1) disabled @endif id="date" type="date" name="date" placeholder=""  value="{{$documentHeader ? $documentHeader->date :  inputValue("date")}}">
                                </div>
                            </div>
                            @error("date")
                            <div class="input-error">{{$message}}</div>
                            @enderror
                        </div>


                        <div class="col-lg-5">
                            <div class="form-group" style="display: flex !important; flex-direction: row !important; ">
                                <div class="col-lg-3">
                                    <label class="control-label">{{__('Note')}}</label>
                                </div>
                                <div class="col-lg-6">
                                <input class="form-control @if($errors->has('note')) is-invalid @endif" @if($confirmDocument == 1) disabled @endif id="note" type="text" name="note" placeholder="" value="{{$documentHeader ? $documentHeader->note :  inputValue("note")}}" >
                                </div>
                            </div>
                            @error("note")
                            <div class="input-error">{{$message}}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="table-responsive">
                        <table class="table table-hover table-bordered"  id="myTable">
                            <thead>
                                <tr>
                                    <th>#ID</th>
                                    <th>{{__('item name')}}</th>
{{--                                    <th>{{__('Cost')}}</th>--}}
                                    <th>{{__('Total Quantity')}} </th>
                                    @if($confirmDocument == 0)
                                        <th>{{__("Control")}} </th>
                                    @endif
                                </tr>
                            </thead>
                            <tbody id="tbody">
                            @if($documentHeader)
                                @foreach($documentHeader->documentDetails as $index=>$details)
                                    <tr >
                                        <td>{{++$index}}</td>
                                        <td>
                                            {{$details->competition->itemProberity[0]->itemWithTrashed->getNameAttribute() }}
                                            @foreach($details->competition->itemProberity as  $prob)
                                                @if($prob->addons != null)
                                                    {{ucfirst($prob->addons->addOnsTitle->getNameAttribute())}} : {{$prob->addons->getNameListAttribute()}}
                                                @endif
                                            @endforeach
                                        </td>
                                        <td style="display:none">{{$details->cost}}</td>
                                        <td>{{$details->quantity}}</td>
                                        @if($confirmDocument == 0)
                                            <td>
    {{--                                            <a href="#" class="control-link edit"><i class="fas fa-edit"></i></a>--}}
                                                <a href="{{route("documents.destroy.item" , ['id'=>$details->id])}}" class="control-link remove"><i class="far fa-trash-alt"></i></a>
                                            </td>
                                        @endif
                                    </tr>
                                @endforeach
                            @endif

                            </tbody>
{{--                            <tfoot>--}}
                            @if($confirmDocument == 0)
                                <tr id="trControl">
                                    <td>#ID</td>
                                    <td>
                                        <select class="form-control"  id="item">
                                            <option  selected disabled value="">selected Item </option>
                                            @foreach($competition as $comp)
                                                <option value="{{$comp->id}}" id="op{{$comp->id}}" data-value="{{$comp->id}}" >{{ $comp->itemProberity[0]->itemWithTrashed->getNameAttribute() }}
                                                    @foreach($comp->itemProberity as$prob)
                                                        @if($prob->addons != null)
                                                            {{ucfirst($prob->addons->addOnsTitle->getNameAttribute())}} : {{$prob->addons->getNameListAttribute()}}
                                                        @endif
                                                    @endforeach
                                                </option>
                                            @endforeach
                                        </select>
                                    </td>
                                    <td style="display:none">
                                        <input class="form-control" type="number" value="0" id="cost" placeholder="{{__('Enter cost')}}">
                                    </td>
                                    <td>
                                        <input class="form-control" type="number" id="quantity" placeholder="{{__('Enter Quantity')}}" >
                                    </td>

                                    <td id="tdControl">
                                        <div class="form-group">
                                            <input type="button" class="btn btn-primary" id="btn"  onclick="addRow(this)" value="{{__("+ Add")}}">
                                        </div>
                                    </td>
                                </tr>
                            @endif
{{--                            </tfoot>--}}
                        </table>

                    </div>
                        </div>
                    </div>
                    @if($confirmDocument == 0)
                        <div class="row" id="submitFormDiv">
                            <div class="col-md-12" id="submitForm">
                                <div class="form-group">
                                    <button class="btn btn-primary" id="btn" ><i class="fa fa-fw fa-lg fa-check-circle"></i>{{__("Save")}}</button>
                                </div>
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
{{--    <div class="row">--}}
{{--        <div class="col-lg-12">--}}
{{--            <div class="tile">--}}
{{--                <div class="tile-body">--}}
{{--                    <div class="form-group">--}}
{{--                        <button class="btn btn-primary" id="btn" ><i class="fa fa-fw fa-lg fa-check-circle"></i>{{__("Save")}}</button>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}
    </form>
@endsection
@section("scripts")
    <!-- Data table plugin-->
    <script type="text/javascript" src="{{asset("assets/js/plugins/jquery.dataTables.min.js")}}"></script>
    <script type="text/javascript" src="{{asset("assets/js/plugins/dataTables.bootstrap.min.js")}}"></script>

    <script type="text/javascript">$('#sampleTable').DataTable();</script>
    <!-- Google analytics script-->
    <script type="text/javascript">
        if(document.location.hostname == 'pratikborsadiya.in') {
            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
                (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
                m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
            })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
            ga('create', 'UA-72504830-1', 'auto');
            ga('send', 'pageview');
        }
    </script>

    <script type="text/javascript" src="{{asset("assets/js/documentOutHelper.js")}}"></script>

@endsection