@extends('Layouts.invoice')
@section('content')
<style type="text/css">
    *{
        font-size: 16px !important;
        font-weight: 900 !important;
    } 
    #selected_item_table th , #selected_item_table td{
            padding:3px;
            border:1px solid gray;

    }
     .table-bordered th , .table-bordered td{
            padding:1px;
        }


        th , td{
            padding:1px;
        }
        table{
     
            margin-bottom: 5px;
        }
</style>
<div class="main_div" style="padding: {{ $data['branch_data']->print_margin }};" >

    <header style="@if($data['branch_data']->print_header_active == 0 ) display:none; @endif">
        <table  class="table d" >
            <tr>
                <td width="25%">
                    {!! $data['branch_data']->print_label_ar !!}
                </td>
                <td width="50%">
                  
                </td>
                <td width="25%">
                    {!! $data['branch_data']->print_label_en !!}
                </td>
            </tr>
        </table>
    </header>
    <table style="@if($data['branch_data']->invoice_title_active == 0 ) display:none; @endif">
        <tr>
            <td></td>
            <td style="text-align:center">
               فاتورة مشتريات الكسر
            </td>
            <td></td>
        </tr>
    </table>

    <table  class="table" border="0px" style="border: 0px">
        <tr>
            <td width="33.3%">
                <table>
                    <tr>
                        <th class="title no_border" width="100px">{{ trans('main.customer_name') }} :</th>
                        <td class="no_border no_align" > {{ $data['item']->customer_name }} </td>
                    </tr>
                </table>
            </td>
            <td width="33.3%">
                <table>
                    <tr>
                        <th class="title no_border" width="100px">{{ trans('main.mobile') }}  :</th>
                        <td class="no_border no_align">{{ $data['item']->customer_mobile }}</td>
                        
                    </tr>
                </table>
            </td>
            <td width="33.3%">
                <table>
                    <tr>
                        <th class="title no_border" width="100px">{{ trans('main.id_number') }}  :</th>
                        <td class="no_border no_align">{{ $data['item']->customer_id_number }}</td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>

    <table class="table table-hover table-bordered" id="selected_item_table">
        <thead>
            <tr>
                <!-- <th>{{ trans('main.item_number') }}</th> -->
                <th>{{ trans('main.caliber') }}</th>
                <th>{{ trans('main.weight') }}</th>
                <th>{{ trans('main.count_items') }}</th>
                <th>{{ trans('main.price') }}</th>
                <th>{{ trans('main.items') }}</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>{{ $data['item']->category_id }}</td>
                <td>{{ number_format($data['item']->raw_weight , 2 , '.' , ',') }}</td>
                <td>{{ $data['item']->count_items }}</td>
                <td>{{ number_format($data['item']->total_price , 2 , '.' , ',') }}</td>
                <td>{{ $data['item']->description }}</td>
            </tr>

        </tbody>
    </table>


    <table  class="table" border="0px" style="border: 0px">
        <tr>
            <td width="33.3%">
                <table>
                    <tr>
                        <th class="title no_border" width="100px">{{ trans('main.invoice_number') }} :</th>
                        <td class="no_border no_align" > {{ $data['item']->id }} </td>
                    </tr>
                </table>
            </td>
            <td width="33.3%">
                <table>
                    <tr>
                        <th class="title no_border" width="100px">{{ trans('main.date') }}  :</th>
                        <td class="no_border no_align">{{ $data['item']->action_date }}</td>
                        
                    </tr>
                </table>
            </td>
            <td width="33.3%">
                <table>
                    <tr>
                        <td class="no_border no_align">{{ auth()->user()->user_full_name ?? '' }}</td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    <footer style="@if($data['branch_data']->print_footer_active == 0 ) display:none; @endif">
        {!! $data['branch_data']->print_footer !!}
    </footer>

</div>
@endsection