@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>
                    </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">BBLC Opening</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">
                            <tr>
                                <th style="width: 10px">#</th>
                                <th>File No</th>
                                <th>Order Ref</th>
                                <th style="">PI no & date</th>
                                <th >Description</th>
                                <th style="">Action</th>
                            </tr>
                            <tr>
                                <td>1.</td>
                                <td>Fx610</td>
                                <td>SMTNG66</td>
                                <td>711 | 7Th Aug,2018</td>
                                <td><p>Lorem ipsum dolor sit amet, consectetur adipis<a href="#" id="dots">...</a><span id="more" class="hidden"> nulla et dictum interdum, nisi lorem egestas vitae scelerisque enim ligula venenatis dolor. Maecenas nisl est, ultrices nec congue eget, auctor vitae massa. Fusce luctus vestibulum augue ut aliquet. Nunc sagittis dictum nisi, sed ullamcorper ipsum dignissim ac. In at libero sed nunc venenatis imperdiet sed ornare turpis. Donec vitae dui eget tellus gravida venenatis. Integer fringilla congue eros non fermentum. Sed dapibus pulvinar nibh tempor porta. <button id="less">Less</button></span></p>
                                </td>
                                <td>
                                    <div class="row justify-content-between">
                                        <a><i class="fa fa-eye"></i></a>
                                        <a><i class="fa fa-edit"></i></a>
                                        <a><i class="fa fa-trash-alt"></i></a>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>1.</td>
                                <td>Fx610</td>
                                <td>SMTNG66</td>
                                <td>711 | 7Th Aug,2018</td>
                                <td><p>Lorem ipsum dolor sit amet, consectetur adipis<a href="#" id="dots">...</a><span id="more" class="hidden"> nulla et dictum interdum, nisi lorem egestas vitae scelerisque enim ligula venenatis dolor. Maecenas nisl est, ultrices nec congue eget, auctor vitae massa. Fusce luctus vestibulum augue ut aliquet. Nunc sagittis dictum nisi, sed ullamcorper ipsum dignissim ac. In at libero sed nunc venenatis imperdiet sed ornare turpis. Donec vitae dui eget tellus gravida venenatis. Integer fringilla congue eros non fermentum. Sed dapibus pulvinar nibh tempor porta. <button id="less">Less</button></span></p>
                                </td>
                                <td>
                                    <div class="row justify-content-between">
                                        <a><i class="fa fa-eye"></i></a>
                                        <a><i class="fa fa-edit"></i></a>
                                        <a><i class="fa fa-trash-alt"></i></a>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>1.</td>
                                <td>Fx610</td>
                                <td>SMTNG66</td>
                                <td>711 | 7Th Aug,2018</td>
                                <td><p>Lorem ipsum dolor sit amet, consectetur adipis<a href="#" id="dots">...</a><span id="more" class="hidden"> nulla et dictum interdum, nisi lorem egestas vitae scelerisque enim ligula venenatis dolor. Maecenas nisl est, ultrices nec congue eget, auctor vitae massa. Fusce luctus vestibulum augue ut aliquet. Nunc sagittis dictum nisi, sed ullamcorper ipsum dignissim ac. In at libero sed nunc venenatis imperdiet sed ornare turpis. Donec vitae dui eget tellus gravida venenatis. Integer fringilla congue eros non fermentum. Sed dapibus pulvinar nibh tempor porta. <button id="less">Less</button></span></p>
                                </td>
                                <td>
                                    <div class="row justify-content-between">
                                        <a><i class="fa fa-eye"></i></a>
                                        <a><i class="fa fa-edit"></i></a>
                                        <a><i class="fa fa-trash-alt"></i></a>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>1.</td>
                                <td>Fx610</td>
                                <td>SMTNG66</td>
                                <td>711 | 7Th Aug,2018</td>
                                <td><p>Lorem ipsum dolor sit amet, consectetur adipis<a href="#" id="dots">...</a><span id="more" class="hidden"> nulla et dictum interdum, nisi lorem egestas vitae scelerisque enim ligula venenatis dolor. Maecenas nisl est, ultrices nec congue eget, auctor vitae massa. Fusce luctus vestibulum augue ut aliquet. Nunc sagittis dictum nisi, sed ullamcorper ipsum dignissim ac. In at libero sed nunc venenatis imperdiet sed ornare turpis. Donec vitae dui eget tellus gravida venenatis. Integer fringilla congue eros non fermentum. Sed dapibus pulvinar nibh tempor porta. <button id="less">Less</button></span></p>
                                </td>
                                <td>
                                    <div class="row justify-content-between">
                                        <a><i class="fa fa-eye"></i></a>
                                        <a><i class="fa fa-edit"></i></a>
                                        <a><i class="fa fa-trash-alt"></i></a>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>1.</td>
                                <td>Fx610</td>
                                <td>SMTNG66</td>
                                <td>711 | 7Th Aug,2018</td>
                                <td><p>Lorem ipsum dolor sit amet, consectetur adipis<a href="#" id="dots">...</a><span id="more" class="hidden"> nulla et dictum interdum, nisi lorem egestas vitae scelerisque enim ligula venenatis dolor. Maecenas nisl est, ultrices nec congue eget, auctor vitae massa. Fusce luctus vestibulum augue ut aliquet. Nunc sagittis dictum nisi, sed ullamcorper ipsum dignissim ac. In at libero sed nunc venenatis imperdiet sed ornare turpis. Donec vitae dui eget tellus gravida venenatis. Integer fringilla congue eros non fermentum. Sed dapibus pulvinar nibh tempor porta. <button id="less">Less</button></span></p>
                                </td>
                                <td>
                                    <div class="row justify-content-between">
                                        <button class="btn btn-tool"><i class="fa fa-eye"></i></button>
                                        <button class="btn btn-tool"><i class="fa fa-edit"></i></button>
                                        <button class="btn btn-tool"><i class="fa fa-trash-alt"></i></button>
                                    </div>
                                </td>
                            </tr>

                        </table>
                    </div>
                    <!-- /.card-body -->
                    <div class="card-footer clearfix">
                        <ul class="pagination pagination-sm m-0 float-right">
                            <li class="page-item"><a class="page-link" href="#">&laquo;</a></li>
                            <li class="page-item"><a class="page-link" href="#">1</a></li>
                            <li class="page-item"><a class="page-link" href="#">2</a></li>
                            <li class="page-item"><a class="page-link" href="#">3</a></li>
                            <li class="page-item"><a class="page-link" href="#">&raquo;</a></li>
                        </ul>
                    </div>
                </div>
                <!-- /.card -->


            </div>
            {{--                list end--}}
            <div class="col-12">
                <!-- Custom Tabs -->
                <div class="card card-success card-outline">
                    <div class="card-header">
                        <h3 class="card-title">Form</h3>
                        <div class="card-tools">
                            <button class="btn btn-tool" data-widget="collapse"><i class="fas fa-minus"></i></button>
                        </div>
                    </div><!-- /.card-header -->
                    <div class="card-body" >
                        {{ Form::open(['method'=>'POST', 'class'=>'form-horizontal']) }}
                        <ul>
                            @php $i=0; @endphp
                            @foreach($errors->all() as $error)
                                <li> {{ ++$i }} <span class="has-error"><strong> {{ $error }} </strong></span></li>
                            @endforeach
                        </ul>
                        <div class="tab-content">
                            <div class="tab-pane active" id="tab_1">
                                <br><br>
                                <div class="row">
                                    <div class="col-lg-12 card pb-3">
                                        {{--START BY AHMED --}}
                                        <table class="table table-striped">
                                            <thead>
                                            <tr>
                                                <th>Proceed Realised Amount</th>
                                                <th>Date</th>
                                                <th>CBC/FEE Deduction (USD)</th>
                                                <th>PRC No.</th>
                                                <th>Date</th>
                                                <th>Remarks</th>
                                            </tr>
                                            </thead>
                                            <tbody id="door1">
                                            {{--start 1 row --}}

                                            <tr id="row1">
                                                <td>
                                                    <div class="form-group {{ $errors->has('bblc_no') ? 'has-error' : '' }}">
                                                        {{--                        {{ Form::label('','File No : ') }}--}}
                                                        {{ Form::text('bblc_no',null,['class'=>'form-control','placeholder'=>'BBLC No']) }}
                                                        @if($errors->has('bblc_no'))
                                                            <span class="help-block">
                                                                <strong>{{ $errors->first('bblc_no') }}</strong>
                                                            </span>
                                                        @endif
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="form-group {{ $errors->has('bblc_date') ? 'has-error' : '' }}">
                                                        {{--                            {{ Form::label('','Order Ref : ') }}--}}
                                                        {{ Form::date('bblc_date',null,['class'=>'form-control date','placeholder'=>'bblc_date']) }}

                                                        @if($errors->has('bblc_date'))
                                                            <span class="help-block">
                                                                <strong>{{ $errors->first('bblc_date') }}</strong>
                                                            </span>
                                                        @endif
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="form-group {{ $errors->has('insurance_no') ? 'has-error' : '' }}">
                                                        {{--                            {{ Form::label('','Unit : ') }}--}}
                                                        {{ Form::number('insurance_no',null,['class'=>'form-control','placeholder'=>'Ex. 12']) }}
                                                        @if($errors->has('insurance_no'))
                                                            <span class="help-block">
                                                                <strong>{{ $errors->first('insurance_no') }}</strong>
                                                            </span>
                                                        @endif
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="form-group {{ $errors->has('insurance_no') ? 'has-error' : '' }}">
                                                        {{--                            {{ Form::label('','Unit : ') }}--}}
                                                        {{ Form::number('insurance_no',null,['class'=>'form-control','placeholder'=>'Ex. 12']) }}
                                                        @if($errors->has('insurance_no'))
                                                            <span class="help-block">
                                                                <strong>{{ $errors->first('insurance_no') }}</strong>
                                                            </span>
                                                        @endif
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="form-group {{ $errors->has('insurance_no') ? 'has-error' : '' }}">
                                                        {{--                            {{ Form::label('','Unit : ') }}--}}
                                                        {{ Form::date('insurance_no',null,['class'=>'form-control','placeholder'=>'Ex. 12']) }}
                                                        @if($errors->has('insurance_no'))
                                                            <span class="help-block">
                                                                <strong>{{ $errors->first('insurance_no') }}</strong>
                                                            </span>
                                                        @endif
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="form-group {{ $errors->has('insurance_no') ? 'has-error' : '' }}">
                                                        {{--                            {{ Form::label('','Unit : ') }}--}}
                                                        {{ Form::number('insurance_no',null,['class'=>'form-control','placeholder'=>'Ex. 12']) }}
                                                        @if($errors->has('insurance_no'))
                                                            <span class="help-block">
                                                                <strong>{{ $errors->first('insurance_no') }}</strong>
                                                            </span>
                                                        @endif
                                                    </div>
                                                </td>

                                            </tr>

                                            </tbody>
                                        </table>

                                    </div>


                                </div>{{-- row end --}}

                            </div>

                        </div>
                        <!-- /.tab-content -->
                        <div class="text-center">
                            <button class=" col-md-1 btn btn-success">Save</button>
                        </div>
                    </div><!-- /.card-body -->
                </div>
                <!-- ./card -->
            </div>
            <!-- /.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