@extends('admin.layout.master')
@section('home')

    <div class="row">
        <div class="col-xs-12">
            <h4 class="page-title"></h4>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header">Company Docs List</div>
                <form action="{{route('company_docs.store')}}" method="post" enctype="multipart/form-data">
                    @csrf
                    <div class="card-body">
                        @if (session('message'))
                            <div class="alert alert-success" id="hide-alert">
                                {{ session('message') }}
                            </div>
                        @endif
                        @if (count($errors) > 0)
                            <div class="alert alert-danger">
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                        <div class='text-right'>
                            <a href="{{route('company_docs.index')}}" class="btn btn-primary btn-sm">
                                Company Docs List
                            </a>
                        </div>
                        @if(!empty($company_docs) && count($company_docs)>0)
                            @php($i=0)
                            @foreach($company_docs as $info)
                                <input type="hidden" name="doc_row_id" id="doc_row_id" value="{{$info->id}}">
                                <div class="row docs_group" data-id="{{$i}}">
                                    <div class="col-lg-3 col-md-3 col-sm-4 col-12">
                                        <div class="row">
                                            <label class="col-4 text-nowrap">Doc Title</label>
                                            <div class="form-group col-8">
                                                <input type="text" class="form-control" style="height: 42px"
                                                       id="company_doc_title_{{$i}}" name="company_doc_title[]"
                                                       value="{{$info->doc_title}}">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 col-md-3 col-sm-6 col-12">
                                        <div class="row">
                                            <label class="col-4 text-nowrap">Doc File</label>
                                            <div class="form-group col-8">
                                                <a target="_blank"
                                                   href="{{asset($info->doc_link)}}">{{$info->doc_name}}</a>
                                                <input type="hidden" name="old_file[]"
                                                       value="{{$info->doc_link}}">
                                                <input type="file" class="form-control" style="height: 42px"
                                                       id="company_doc_file_{{$i}}" name="company_doc_file[]">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 col-md-3 col-sm-6 col-12">
                                        <div class="row">
                                            <label class="col-4 text-nowrap">Doc Link</label>
                                            <div class="form-group col-8">
                                                <a target="_blank"
                                                   href="{{asset($info->doc_external_link)}}">{{$info->doc_external_link}}</a>
                                                <input type="text" class="form-control" style="height: 42px"
                                                       value="{{$info->doc_external_link}}"
                                                       id="company_doc_link_{{$i}}" name="company_doc_link[]">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                                @php($i++)
                            @endforeach
                        @else
                            <input type="hidden" name="doc_row_id" id="doc_row_id" value="0">
                            <div class="row docs_group" data-id="1">
                                <div class="col-lg-3 col-md-3 col-sm-4 col-12">
                                    <div class="row">
                                        <label class="col-4 text-nowrap">Doc Title</label>
                                        <div class="form-group col-8">
                                            <input type="text" class="form-control" style="height: 42px"
                                                   id="company_doc_title_1" name="company_doc_title[]">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-3 col-md-3 col-sm-6 col-12">
                                    <div class="row">
                                        <label class="col-4 text-nowrap">Doc File</label>
                                        <div class="form-group col-8">
                                            <input type="hidden" name="old_file[]" id="old_file">
                                            <input type="file" class="form-control" style="height: 42px"
                                                   id="company_doc_file_1" name="company_doc_file[]">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-3 col-md-3 col-sm-6 col-12">
                                    <div class="row">
                                        <label class="col-4 text-nowrap">Doc Link</label>
                                        <div class="form-group col-8">
                                            <input type="text" class="form-control" style="height: 42px"
                                                   id="company_doc_link_1" name="company_doc_link[]">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-3 col-md-3 col-sm-6 col-12">
                                    <div class="form-group col-8">
                                        <button class="btn btn-sm btn-success"
                                                type="button" onclick="attachment_fields();">
                                            <i class="fas fa-plus-square"></i>
                                        </button>
                                    </div>
                                </div>
                                <div class="clear"></div>
                            </div>
                            <div id="attachment_fields"></div>
                        @endif
                    </div>
                    <div class="text-center mt-3 mb-3">
                        @if(!empty($company_docs))
                            <button type="submit" class="text-center btn btn-warning btn-md">Update</button>
                        @else
                            <button type="submit" class="btn btn-primary btn-md">Submit</button>
                        @endif
                    </div>
                </form>
            </div>
        </div>
    </div>
    <script src="{{ asset('/') }}payroll_assets/common/js/link.js"></script>
    <script src="{{ asset('/') }}payroll_assets/setting/company_settings/settings.js"></script>
@endsection