@extends('layouts.app')

@section('title')
    Process Project Sample
@endsection

@section('breadcrumb')
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1 class="m-0 text-dark">
                    <i class="nav-icon ml-3 fas fa-vials"></i>
                    {{__('Process Project Sample')}}
                </h1>
            </div><!-- /.col -->
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="{{route('admin.index')}}">{{__('Home')}}</a></li>
                    <li class="breadcrumb-item">
                        <a href="{{route('admin.p_samples.index')}}">{{ __('Project Samples') }}</a>
                    </li>
                    <li class="breadcrumb-item active">{{ __('Process Project Sample') }}</li>
                </ol>
            </div><!-- /.col -->
        </div><!-- /.row -->
    </div><!-- /.container-fluid -->
</div>
@endsection

@section('content')

    <div class="card card-primary">
        <div class="card-header">
            <h3 class="card-title">{{ __('Sample Processing') }}</h3>
        </div>
        <!-- /.card-header -->
        <!-- /.card-body -->
    </div>
    <form method="POST" id="project_samples_form" action="{{route('admin.p_samples.store')}}" enctype="multipart/form-data">
        @csrf

        @include('admin.project_samples._process_form')

        <div class="card card-primary p-1">
            <div class="card-header">
                <h3 class="m-0 p-0 card-title">
                    {{ __('Project Sample Attachments') }}
                </h3>
                <div class="card-tools">
                    <button type="button" class="btn btn-tool" data-card-widget="collapse">
                        <i class="fas fa-minus"></i>
                    </button>
                </div>
            </div>
            <div class="card-body col-lg-12 p-0 mt-2 collase show" id="collapseTen">
                <div class="form-row m-3">
                    <label>Upload files</label>
                    <div class="input-group control-group increment">
                        <div class="custom-file mr-2">
                            <input type="file" class="custom-file-input form-control myfrm" id="attachmentFiles" name="filenames[]">
                            <label class="custom-file-label" for="customFile">{{ __('Choose file') }}</label>
                        </div>
    
                        <input type="text" name="file_names[]" id="" placeholder="Document name" class="form-control filenames mr-2"/>
                        <button class="add_row btn btn-success" type="button"><i class="fas fa-plus"></i></button>
                    </div>
                    <div class="clone hide">
    
                    </div>
                    <div class="d-none">
                        <div class="control-group input-group mt-2" id="addReport">
                            <div class="custom-file mr-2">
                                <input type="file" class="custom-file-input form-control myfrm" id="attachmentFiles" name="filenames[]">
                                <label class="custom-file-label" for="customFile">{{ __('Choose file') }}</label>
                            </div>
                            <input type="text" name="file_names[]" id="" placeholder="Document name" class="form-control mr-2 filenames" />
            
                            <button class="btn btn-danger btnremove" type="button"><i class="fas fa-minus"></i></button>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="card card-primary">
            <div class="card-body">
                <div class="row">
                    <div class="col-lg-12">
                        <button id="submit_btn" type="submit" class="btn btn-primary submit_form_btn">
                            <i class="fa fa-check"></i>  {{__('Process Sample')}}
                        </button>
                    </div>
                </div>
                
                
            </div>
            <!-- /.card-body -->
        </div>
        
    </form>

    <div class="modal fade" id="renameModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Rename File</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form id="renameForm" action="" method="post">
                    <div class="modal-body">
                        
                            @csrf
                            <input type="text" name="filename" id="" class="form-control">
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-primary">Save changes</button>
                        
                    </div>
                </form>
            </div>
        </div>

        <form id="deleteFileForm" action="" method="post" class="d-none">
            @csrf
            <button type="submit">submit</button>
        </form>
    </div>
    
@endsection