@extends('layouts.fixed')
@section('title','Export Register Form')
@section('css')
    <style>
        .tab-content br{
            display: none;
        }
        .hidden{
            display: none;
        }
    </style>
@endsection
@section('content')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>Export Register</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="#">Home</a></li>
                        <li class="breadcrumb-item active">Export Register</li>
                        <li class="breadcrumb-item active">Others Information</li>
                    </ol>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>
    <section class="content">
        {{--<div class="container-fluid">--}}
        <div class="row">
            {{--                list start--}}
            <div class="col">
                <div class="card card-success card-outline">
                    <div class="card-header">
                        <h3 class="card-title">Export Information</h3>
                        <div class="card-tools">
                            <button type="button" class="btn btn-tool" data-widget="collapse"><i class="fas fa-minus"></i>
                            </button>
                        </div>
                    </div>
                    <!-- /.card-header -->
                    <div class="card-body">
                        <table class="table table-bordered" id="myTable">
                            <thead>
                            <tr>
                                <th>Sl#</th>
                                <th>Export Contract No</th>
                                <th>Order Quantity</th>
                                <th>Order Value</th>
                                <th>Action</th>
                            </tr>
                            </thead>
                            <tbody>
                            @php
                                $i = 1;
                            @endphp
                            @foreach($export_contracts as $index => $info)

                                <tr>
{{--                                    <td> {{ $export_details->firstItem() + $index }}</td>--}}
                                    <td>{{$i++}}</td>
                                    <td> {{ $info->piDetail != null ? $info->piDetail->export_contact_no : '' }}</td>
                                    <td> {{ $info->shipment_qty != null ? $info->shipment_qty : '' }}</td>
                                    <td> {{ $info->shipment_value != null ? $info->shipment_value: '' }}</td>
                                    <td>
                                        {{ Form::open(['route'=>['delete.export',$info->id],'method'=>'delete','onsubmit'=>'return confirmDelete()']) }}
                                        &nbsp;&nbsp;&nbsp;
                                        <a href="{{ route('export-register.reportSingle',$info->id) }}" type="button" class="btn btn-info btn-sm">
                                            <i class="fas fa-eye"></i>
                                        </a>

                                        <a href="{{ route('show.export.contract.detail',$info->id) }}" class="btn btn-success fa fa-edit btn-sm"></a> &nbsp; &nbsp;

                                        {{--<button type="submit" onclick="return confirm('Are you sure to delete?')" class="btn btn-danger btn-sm">--}}
                                            {{--<i class="fa fas fa-trash"></i>--}}
                                        {{--</button>--}}
                                        {{ Form::close() }}
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                        <div class="pull-right">
                            {{--{{$export_details->links() }}--}}
                        </div>
                    </div>
                    <!-- /.card-body -->
                </div>
                <!-- /.card -->
            </div>
        {{--list end--}}
        <!-- /.col -->
        </div>
    </section>


@endsection
@section('script')
    <script>
        $('#dots').on('click',function () {
            console.log('d');
            $('#more').removeClass('hidden');
        });
        $('#less').on('click',function () {
            $('#more').addClass('hidden');
        })
    </script>
@endsection