@extends('layouts.app')
@section('content')
<div class="flex items-center flex-wrap justify-between gap20 mb-30">
    <h3>Courier infomation</h3>
    <ul class="breadcrumbs flex items-center flex-wrap justify-start gap10">
        <li>
            <a href="javascript:void(0)"><div class="text-tiny">Dashboard</div></a>
        </li>
        <li>
            <i class="icon-chevron-right"></i>
        </li>
        <li>
            <a href="#"><div class="text-tiny">Courier</div></a>
        </li>
        <li>
            <i class="icon-chevron-right"></i>
        </li>
        <li>
            <div class="text-tiny">Courier infomation</div>
        </li>
    </ul>
</div>
<!-- new-courier -->
<div class="wg-box">
    <form class="form-new-product form-style-1" method="post" action="{{route('shop-bo.courier.store')}}" enctype="multipart/form-data">
        @csrf
        @honeypot
        <fieldset>
            <div class="body-title">Courier name <span class="tf-color-1">*</span></div>
            <input class="flex-grow  @error('courier_name') is-invalid @enderror" type="text" placeholder="Courier name" name="courier_name" value="{{old('courier_name')}}">
            @error('courier_name')
                <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </fieldset>
        
        <fieldset>
            <div class="body-title">Upload images <span class="tf-color-1">*</span></div>
            <div class="upload-image flex-grow">
                <div class="item up-load">
                    <label class="uploadfile h250" for="myFile">
                        <span class="icon">
                            <i class="icon-upload-cloud"></i>
                        </span>
                        <span class="body-text">Drop your images here or select <span class="tf-color">click to browse</span></span>
                        <img id="myFile-input" name="image" src="" alt="">
                        <input type="file" id="myFile" name="courier_image">
                    </label>
                </div>
            </div>
            @error('courier_image')
                <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </fieldset>
        <div class="bot">
            <div></div>
            <button class="tf-button w208" type="submit">Submit</button>
        </div>
    </form>
</div>
<!-- /new-courier -->
             
@endsection           
@section('page_script') 
@parent
<script>
    $(".courier-menu").addClass("active");
    $(".courier-add").addClass("active");
</script>
@endsection                                  
<!-- App js -->