@extends('admin.layout.master')
@section('title','ORDER MANAGEMENT')
@section('custom_style')
<style>
    input[type=text],
    input[type=file],
    input[type=number] {
        height: 35px !important;
    }

    

    /* @media screen and (max-width: 620px){ */
        .table th, .table td {
            padding: 0px 5px;
            color: black;
        }
        .table th {
           background: var(--tableHeader);
           padding: 5px !important;
           color: white !important;
        }
        .table-bordered th, .table-bordered td {
            border: 1px solid #c1c1c1 !important;
        }
        .special-cell{
            background: #bfbfbf;
            padding: 5px !important;
            color: black !important;
        }
        .btn-sina-submit {
            position: fixed;
            bottom:50%;
            right:2px;
        }
        @media only screen and (max-width: 620px) {
            .btn-sina-submit {
                position: fixed;
                min-width: 100%;
                bottom:0;
                right:0;
            }
        }
    /* } */

</style>
@endsection
@section ('content')
<div class="card sina-card">
    <div class="card-header card-header-s d-flex flex-wrap align-items-center">
        <h4 class="col-6 pl-0">{{request()->group?getAccountsGroup()->where('id',request()->group)->first()->name:''}}  {{$type==1? lt('obs.order_create') : ''}} </h4>
        <div  class="col-6 d-flex justify-content-end">
            <a href="{{route($route_group_name[$type].'.create')}}" class="btn-sina-title-add d-flex align-items-center" type="button" name="button">
                <div class="col pl-0 pr-2">
                    <i class="fas fa-plus-circle"></i>
                </div>
                <div class=""> {{($type==1||$type==3)? lt('obs.view_cart') : ''}} </div>
            </a>
        </div>
    </div> 
   
    <div class="card-body">
         
        <form id="form" method="post" action="{{ route($route_group_name[$type].'.cart_store') }}" name="form" enctype="multipart/form-data">
            @csrf
            <input type="hidden" name="type" id="" value="{{$type}}">
            <input type="hidden" name="group" id="" value="{{request()->group??0}}">
            <div class="table-responsive">
                <div class="tab-content pt-0">
                    <div id="ag" class="container tab-pane active">
                        <table class="table table-bordered table-hover" id="datatable_apply">
                            <thead>
                                <tr>
                                    <th width="5%">#</th>
                                    <th>{{lt('obs.product_name')}} ({{lt('obs.english')}})</th>
                                    <th width="">{{lt('obs.product')}}</th>
                                    <th style="min-width:100px;" class="text-center">{{lt('obs.quantity')}}</th>
                                </tr>
                            </thead>
                            <tbody id="tbl_body">
                                
                                @forelse ($finishedProducts as $cat)
                                    <tr>
                                        @php
                                            $k=1;
                                        @endphp
                                        <td></td>
                                        <td class="text-center special-cell" style="display:none; dashed green 2px;">{{$cat->name_eng}}</td>
                                        <td class="text-center special-cell" style="border: dashed green 2px;">{{$cat->name_local}}</td>
                                        <td></td>
                                    </tr>
                                    @forelse ($cat->product->sortBy('serial') as $item)
                                        <tr>
                                            <td>{{ $k++ }}</td>
                                            <td class="text-wrap">{{ $item->name_eng }} </td>
                                            <td class="text-wrap">{{ $item->name_local }} </td>
                                            <td style="padding:0;min-width:100px;">
                                                <input type="number" min="0"  name="quantity[{{$item->id}}]" id="quantity{{ $item->id }}" class="form-control" step=".01" @if(array_key_exists($item->id,$carts)) value="{{$carts[$item->id]}}" @endif>
                                            </td>
                                        </tr>
                                    @empty
                                    @endforelse                                                     
                                @empty
                                    
                                @endforelse

                            </tbody>
                        </table>
                    </div>
                        
                </div>

            </div>
            
            <hr>
            
            <div class="row pb-0  modal-footer">
                <button class="btn-sina-submit" type="submit"><i class="fa fa-save"></i> {{lt('obs.save')}} </button>
            </div>
        </form>
    </div>
</div>

@endsection
@section('script')
<script>
     $(document).ready(function() {
        $('#datatable_apply').dataTable({
            "paging": false,
            "ordering": false,
            "columnDefs": [ 
            //     {
            //     "orderable": false,
            //     // "visible": false, 
            //     // 'targets': [0,1,2,3],
            // },
            {
                "targets": [ 1 ],
                "visible": false
            }
             ]
        });
    });
</script>
@stop