@extends('layouts.backend.index', ['module_title' => 'Обединяване на поръчки'])

@section('content')
  <div class="card ">
    <div class="card-body">
      <form class="" action="{{ route('merge.store') }}" method="post" autocomplete="off" enctype="multipart/form-data">
        @csrf

        @if (session('success'))
          <div class="alert alert-success form-group">
            {!! session('success') !!}
          </div>
        @endif

        @if (session('danger'))
          <div class="alert alert-danger form-group">
            {!! session('danger') !!}
          </div>
        @endif

        <div class="row">
          <div class="col-sm-6 mx-auto">
            <div class="alert alert-info">
              <i class="fas fa-info-circle" aria-hidden></i>
              Могат да се обединяват поръчки, които НЯМАТ товарителница!
            </div>
            <div class="form-group">
              <label for="">
                Номер на ОСНОВНАТА поръчка<br>
                <small>Тази към която ще добавяте останалите</small>
              </label>
              <input type="text" name="order_1" class="form-control" value="{{ old('order_1') }}">
              @error('order_1')
                <span class="text-danger">{{ $message }}</span>
              @enderror
            </div>

            <div class="form-group">
              <label for="">
                Номер на втората поръчка<br>
                <small>Тази от която ще се махнат продуктите и ще се изтрие</small>
              </label>
              <input type="text" name="order_2" class="form-control" value="{{ old('order_2') }}">
              @error('order_2')
                <span class="text-danger">{{ $message }}</span>
              @enderror
            </div>
          </div>
        </div>

        <div class="row justify-content-center">
          <div class="form-group col-sm-6">
            <button type="submit" name="store" class="btn btn-lg btn-success">
              Обедини
            </button>
          </div>
        </div>
      </form>
    </div>
  </div>
@endsection