@extends('panel.layouts.main')
@section('content')
    <div class="post d-flex flex-column-fluid" id="kt_post">
        <div id="kt_content_container" class="container">
            <div class="card">
                <div class="card-header border-0 pt-6">

                    <div class="card-toolbar">

                </div>

                <div class="card-body pt-0">
                    <div class="body">
                        <table>

                            <tr style="background-color: #ababab;border: #000 1px solid ">
                                <td  style="width: 35px;" class="text-center border-left-gray border-black">ردیف</td>
                                <td class="border-black text-center p-10">شماره قرارداد</td>
                                <td class="border-black text-center p-10">تاریخ نصب</td>
                                <td class="border-black text-center p-10">نام تابلو</td>
                                <td class="border-black text-center p-10">کد تابلو</td>
                                <td class="border-black text-center p-10">نوع تابلو</td>
                                <td class="border-black text-center p-10">مشتری</td>

                            </tr>
                            @foreach($factors as $i => $f)

                                <tr style="border: #000 1px solid ">
                                    <td  style="width: 35px;" class="text-center border-left-gray border-black">{{ $i + 1 }}</td>
                                    <td class="border-black text-center p-10">{{ $f->id }}</td>
                                    <td class="border-black text-center p-10">{{ Verta::instance($f->start)->format("Y/m/d") }}</td>
                                    <td class="border-black text-center p-10">{{$f->address}}</td>
                                    <td class="border-black text-center p-10">{{ $f->bid }}</td>
                                    <td class="border-black text-center p-10">{{ $f->board_type }}</td>
                                    <td class="border-black text-center p-10">{{ $f->name }}</td>

                                </tr>
                            @endforeach

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

@endsection
@section("head")
    <style>
        .text-center{
            text-align: center;
        }
        .gray{
            background-color: #ababab;
        }
        .light-gray{
            background-color: #efefef;
        }
        .border-left-gray{
            border-left: #595959 1px solid;
            border-bottom: #595959 1px solid;
        }
        .border-gray{
            border: #595959 1px solid;
        }
        .border-black{
            border: #000 1px solid;
        }
        .border-black-bottom td{
            border-bottom: #000 1px solid;
        }
        .border-left-black{
            border-left: #000 1px solid;
        }
        td,p{

            /*border: #f80000 1px solid;*/
            height: 30px;
        }
        tr{
            width: 100%;
        }
        table{
            width: 100%;

            border-collapse: collapse;
            direction: rtl;
        }
        .body {
            margin: 0!important;
            padding: 0!important;
            border: #0b0e18 2px solid;
        }
        @page {
            margin: 20px!important;
            /*padding: 0!important;*/
        }
        .pr-10{
            padding-right: 10px;
        }
        .p-10{
            padding-right: 10px;
            padding-left: 10px;
        }

    </style>
@endsection