@extends('member.layouts.Alayout')

@section('head1')
@endsection
@section('content')




   <div class="card">
            <div class="card-body">
              <h5 class="card-title">Add Project Document</h5>
              @if(session()->has('message'))
              <div id="demo">
    <div class="alert alert-success" >
        {{ session()->get('message') }}
        
    </div>
</div>
@endif
<script>
const myTimeout = setTimeout(myGreeting, 2000);

function myGreeting() {
  document.getElementById("demo").innerHTML = " "
}
</script>
              <x-auth-validation-errors class="mb-4" :errors="$errors" />
              <!-- Multi Columns Form -->
              <form class="row g-3" enctype="multipart/form-data" method="POST" action="{{route('member.store')}}" onsubmit="return checkforblank();">
              @csrf
              <div class="col-sm-10">
                    <select class="form-select" aria-label="Default select example" id="doc" name="docid">
                      <option selected value="no">Select Document</option>
                      @foreach($doc as $d)
                      <option value="{{$d->id}}">{{$d->dname}}</option>
                      @endforeach
                    </select>
                  </div>
                <div class="col-md-12">
                  <label for="inputName5" class="form-label">Select File</label>
                  <input type="file" class="form-control" id="name" name="file" required> 
                  <input type="text" class="form-control" id="name" name="pid" value="{{$id}}" hidden> 
                </div>
                
           
           
            
                <div class="text-center">
                  <button type="submit" class="btn btn-primary">Submit</button>
                  <!-- <button type="reset" class="btn btn-secondary">Reset</button> -->
                </div>
              </form><!-- End Multi Columns Form -->

            </div>
          </div>

        </div>
        <script>
    function checkforblank(){
        if (document.getElementById('doc').value== "no") {
            alert('Please select document');
            document.getElementById('doc').style.borderColor = "red"; 
            return false; 
        }
       
    }
</script>
        @endsection