@extends('layouts.admin')

@section('title' , 'Add Shop')

@section('breadcrumb-item')
    <li class="breadcrumb-item">Shops List</li>
    <li class="breadcrumb-item active">Create Shop</li>
@endsection

@section('content')
    <div class="card">
        <div class="card-header bg-theme">Create Shop</div>
        <div class="card-body">
            <form action="{{ route('admin.shop.store') }}" method="post" enctype="multipart/form-data">
                {{ csrf_field() }}
                <div class="form-row">
                    <div class="form-group col-6">
                        <label for="name">Name</label>
                        <input class="form-control{{ $errors->has('name') ? ' is-invalid' : '' }}" type="text"
                               name="name"
                               value="{{ old('name') }}" id="name" placeholder="Shop Name">
                        @include('includes.partials.error', ['field' => 'name'])
                    </div>
                    <div class="form-group col-6">
                        <label for="email">Email</label>
                        <input class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}" type="email"
                               name="email"
                               value="{{ old('email') }}" id="email" placeholder="Email Address">
                        @include('includes.partials.error', ['field' => 'email'])
                    </div>
                    <div class="form-group col-12">
                        <label for="avatar">Avatar</label>
                        <input type="file"
                               class="form-control-file border{{ $errors->has('avatar') ? ' is-invalid' : '' }}"
                               id="avatar" name="avatar">
                        @include('includes.partials.error', ['field' => 'avatar'])
                    </div>
                    <div class="form-group col-6">
                        <label for="phone">Phone</label>
                        <input class="form-control{{ $errors->has('phone') ? ' is-invalid' : '' }}" type="text"
                               name="phone"
                               value="{{ old('phone') }}" id="phone" placeholder="Phone Number">
                        @include('includes.partials.error', ['field' => 'phone'])
                    </div>
                    <div class="form-group col-6">
                        <label for="whatsapp">WhatsApp</label>
                        <input class="form-control{{ $errors->has('whatsapp') ? ' is-invalid' : '' }}" type="text"
                               name="whatsapp"
                               value="{{ old('whatsapp') }}" id="whatsapp" placeholder="WhatsApp Number">
                        @include('includes.partials.error', ['field' => 'whatsapp'])
                    </div>
                    <div class="form-group col-6">
                        <label for="contact_person">Contact Person</label>
                        <input class="form-control{{ $errors->has('contact_person') ? ' is-invalid' : '' }}"
                               type="text" name="contact_person"
                               value="{{ old('contact_person') }}" id="contact_person" placeholder="Contact Person">
                        @include('includes.partials.error', ['field' => 'contact_person'])
                    </div>
                    <div class="form-group col-6">
                        <label for="designation">Designation</label>
                        <input class="form-control{{ $errors->has('designation') ? ' is-invalid' : '' }}" type="text"
                               name="designation"
                               value="{{ old('designation') }}" id="designation" placeholder="Designation">
                        @include('includes.partials.error', ['field' => 'designation'])
                    </div>
                    <div class="form-group col-12">
                        <label for="address">Address</label>
                        <input class="form-control{{ $errors->has('address') ? ' is-invalid' : '' }}"
                               type="text" name="address"
                               value="{{ old('address') }}" id="address" placeholder="Address">
                        @include('includes.partials.error', ['field' => 'address'])
                    </div>
                    <div class="form-group col-6">
                        <label for="area_id">Area</label>
                        <select name="area_id" id="area_id"
                                class="custom-select {{ $errors->has('area_id') ? ' is-invalid' : '' }}">
                            <option value="">Select Area</option>
                            @foreach($areas as $area)
                                <option value="{{ $area->id }}">{{ $area->name }}</option>
                            @endforeach
                        </select>
                        @include('includes.partials.error', ['field' => 'area_id'])
                    </div>
                    <div class="form-group col-6">
                        <label for="credit_limit">Credit Limit</label>
                        <input class="form-control{{ $errors->has('credit_limit') ? ' is-invalid' : '' }}" type="text"
                               name="credit_limit"
                               value="{{ old('credit_limit') }}" id="credit_limit" placeholder="Credit Limit">
                        @include('includes.partials.error', ['field' => 'credit_limit'])
                    </div>
                </div>
                <div class="form-group">
                    <div class="text-center">
                        <button class="btn btn-success" type="submit">Create</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection