@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>File No</th>
                                <th>Order Ref</th>
                                <th>Invoice No</th>
                                <th>B/L No.</th>
                                <th>Exp No.</th>
                                <th>Action</th>
                            </tr>
                            </thead>
                            <tbody>
                            @php
                                $i = 1;
                            @endphp
                            @foreach($exports as $index => $info)
                                <tr>
{{--                                    <td> {{ $export_details->firstItem() + $index }}</td>--}}
                                    <td>{{$i++}}</td>
                                    <td> {{ $info->file_no != null ? $info->file_no : '' }}</td>
                                    <td> {{ $info->ord_ref != null ? $info->ord_ref : '' }}</td>
                                    <td> {{ $info->inv_no != null ? $info->inv_no: '' }}</td>
                                    <td> {{ $info->bl_no != null ? $info->bl_no: '' }}</td>
                                    <td> {{ $info->exp_no != null ? $info->exp_no: '' }}</td>
                                    <td>
                                        {{ Form::open(['route'=>['delete.export',$info->id],'method'=>'delete','onsubmit'=>'return confirmDelete()']) }}
                                        &nbsp;&nbsp;&nbsp;
                                        <a href="{{ route('edit.export',$info->id) }}" type="button" class="btn btn-info btn-sm">
                                            <i class="fas fa-edit"></i>
                                        </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