@extends('layout')

@section('dashboard-content')

<div class="card">
  <div class="card-body">

    <div style="margin-top: 20px; margin-bottom: 20px;">
      <h3 class="" style="display: inline-block; width: 200px;">Contract Form</h3>
      <a href="{{ URL::to('contracts') }}" class="btn btn-primary" style="float:right; color: white; background-color: #9900CE; border-radius: 5px;
            padding: 10px; ">View Contracts</a>
    </div>

    @if(Session::get('success'))
    <div class="alert alert-success alert-dismissible fade show" role="alert" id="gone">
      <strong> {{ Session::get('success') }} </strong>
      <!-- <button type="button" class="close" data-dismiss="alert" aria-label="Close">
        <span aria-hidden="true">&times;</span>
      </button> -->
    </div>
    @endif

    @if(Session::get('failed'))
    <div class="alert alert-warning alert-dismissible fade show" role="alert" id="gone">
      <strong> {{ Session::get('failed') }} </strong>
      <!-- <button type="button" class="close" data-dismiss="alert" aria-label="Close">
        <span aria-hidden="true">&times;</span>
      </button> -->
    </div>
    @endif


    <form action="{{URL::to('add-contract')}}" class="row g-3" method='post' enctype="multipart/form-data" id="dataform">
      @csrf

      <div class="form-group">
        <label for="exampleInputEmail1" class="form-label">User Name*</label>
        <select class="drop-down related-post form-control select_department" name="user" id="select_department">
          <option value="">--Select User--</option>
          @foreach($users as $user)
          <option value="{{ $user}}"> {{ $user}}</option>
          @endforeach
        </select>
      </div>

      <div class="form-group">
        <label for="exampleInputEmail1" class="form-label">Product Name*</label>
        <select class="drop-down related-post form-control select_department" name="product" id="select_department">
          <option value="">--Select Product--</option>
          @foreach($products as $product)
          <option value="{{ $product->id}}"> {{ $product->product}}</option>
          @endforeach
        </select>
      </div>


      <div class="form-group">
        <label for="exampleInputEmail1" class="form-label">Price*</label>
        <input type="text" class="form-control" id="id_amount" aria-describedby="emailHelp" placeholder="Enter Price" name="price" required>
      </div>

      <div class="form-group">
        <label for="exampleInputEmail1" class="form-label">Quantity/Tonne*</label>
        <input type="text" class="form-control" id="id_amount" aria-describedby="emailHelp" placeholder="Enter Quantity/Tonne" name="quantity" required>
      </div>


      <div class="form-group">
        <label for="exampleInputEmail1" class="form-label">Contract File</label>
        <input type="file" class="form-control" placeholder="Insert subject icon" name="contract_file" onchange="loadPhoto(event)">
      </div>

      <div class="form-group">
        <label for="exampleInputEmail1" class="form-label">Status*</label>
        <select class="drop-down related-post form-control select_department" name="status" id="select_department">
          <option value="">--Select Status--</option>
         
          <option value="pending">Pending</option>
          <option value="completed">Completed</option>
          <option value="processing">In Progress</option>
          <option value="denied">Denied</option>

          
        </select>
      </div>

    
      <div class="form-group" style="text-align: center;">
      <button type="submit" style="margin: auto; color: white; background-color: #9900CE; border-radius: 5px;
            padding: 10px; " id="btnsubmit">Save Contract</button>
      </div>
    </form>
    <br><br>


  </div>
</div>


<script>
  function loadPhoto(event) {
    var reader = new FileReader();

    reader.onload = function() {

      var output = document.getElementById('photo');
      output.src = reader.result;
    };
    reader.readAsDataURL(event.target.files[0]);

  }
</script>

@stop