@if ($errors->any())
    <div class="row">
        <div class="col-md-12">
            <div class="mb-3">
                <div class="alert alert-primary" role="alert">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            </div>
        </div>
    </div>
@endif


<div class="row">
    <div class="col-md-6">
        <div class="mb-3">
            <label class="col-form-label">
                Name <span class="text-danger">*</span>
            </label>
            <input type="text" wire:model="form.name" class="form-control">
            @error('form.name')
                <div class="error text-danger mt-1">{{ $message }}</div>
            @enderror
        </div>
    </div>
    <div class="col-md-6">
        <div class="mb-3">
            <label for="layout_id" class="col-form-label">Layout <span class="text-danger">*</span></label>
            <select id="layout_id" wire:model="form.layout_id" class="form-select">
                @foreach ($layouts as $layout)
                    <option value="{{ $layout->id }}">{{ $layout->name }}</option>
                @endforeach
            </select>
            @error('form.layout_id')
                <div class="error text-danger mt-1">{{ $message }}</div>
            @enderror
        </div>
    </div>
    <div class="col-md-12">
        <div class="mb-3">
            <label for="description" class="col-form-label">Description <span class="text-danger">*</span></label>
            <textarea id="description" wire:model='form.description' class="form-control" rows="4"></textarea>
            @error('form.description')
                <div class="error text-danger mt-1">{{ $message }}</div>
            @enderror
        </div>
    </div>
    <div class="col-md-6">
        <div class="mb-3">
            <label for="holder_id" class="col-form-label">Collection <span class="text-danger">*</span></label>
            <select id="holder_id" wire:model='form.holder_id' class="form-select">
                <option value="">Select Collection</option>
                @foreach ($collections as $collection)
                    <option value="{{ $collection->id }}">{{ $collection->name }}</option>
                @endforeach
            </select>
            @error('form.holder_id')
                <div class="error text-danger mt-1">{{ $message }}</div>
            @enderror
        </div>
    </div>
    <div class="col-md-6">
        <div class="mb-3">
            <label for="widget_grid" class="col-form-label">Grid <span class="text-danger">*</span></label>
            <select id="widget_grid" wire:model="form.grid" class="form-select">
                @foreach ($grids as $k => $v)
                    <option value="{{ $k }}">{{ $v }}</option>
                @endforeach
            </select>
            @error('form.grid')
                <div class="error text-danger mt-1">{{ $message }}</div>
            @enderror
        </div>
    </div>
    <div class="col-md-6">
        <div class="mb-3">
            <label for="widget_status" class="col-form-label">Status <span class="text-danger">*</span></label>
            <select id="widget_status" wire:model="form.status" class="form-select">
                @foreach (config('env.status') as $k => $v)
                    <option value="{{ $k }}">{{ $v }}</option>
                @endforeach
            </select>
            @error('form.status')
                <div class="error text-danger mt-1">{{ $message }}</div>
            @enderror
        </div>
    </div>
</div>